Support Forum - Tag: firebug

Support Forum - Tag: firebug - Recent Posts http://www.kriesi.at/support/tags/firebug Support Forum - Tag: firebug - Recent Posts en-US Sun, 19 May 2013 03:21:17 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Nick on "Change font color, style and size of the Navigation / Main menu - and in general" http://www.kriesi.at/support/topic/change-font-color-style-and-size-of-the-navigation-main-menu#post-88104 Thu, 13 Dec 2012 21:03:30 +0000 Nick 88104@http://www.kriesi.at/support/ Hi, I just wanted to add that I made a video showing how everyone should be going about finding what CSS to change using Google Chrome Developer Tools. I showed through trial and error, it is very possible to stumble along and hack your way around by trying various combinations without getting frustrated, until the colors of the menu are just how you want them. This is not rocket science. Creating it from nothing is art, but manipulating it is not difficult. Please notice I have notepad waiting open where I paste the css once I see that it has the desired effect. Then I add it to Quick CSS at the very end to save it. Even if someone has no idea what CSS is, it is still possible to get results. <a href="https://docs.google.com/open?id=0B8hqGBMSfHtKNE51dUJPZGJwdlE" rel="nofollow">https://docs.google.com/open?id=0B8hqGBMSfHtKNE51dUJPZGJwdlE</a> Thanks, Nick * The video is a dramatization illustrating a process. In reality, Nick got a black belt in CSS, and a pair of boots to match.* Ismael on "Change font color, style and size of the Navigation / Main menu - and in general" http://www.kriesi.at/support/topic/change-font-color-style-and-size-of-the-navigation-main-menu#post-88090 Thu, 13 Dec 2012 20:32:47 +0000 Ismael 88090@http://www.kriesi.at/support/ Hey, Let us close this one then. :) Regards, Ismael bruwa on "Change font color, style and size of the Navigation / Main menu - and in general" http://www.kriesi.at/support/topic/change-font-color-style-and-size-of-the-navigation-main-menu#post-88089 Thu, 13 Dec 2012 20:31:23 +0000 bruwa 88089@http://www.kriesi.at/support/ Hi Ismael thanks for the input. It worked, but did not entirely solve my problem. As there are some additional questions, I started a new thread: <a href="http://www.kriesi.at/support/topic/changes-to-woocommerce-product-detail-page#post-88058" rel="nofollow">http://www.kriesi.at/support/topic/changes-to-woocommerce-product-detail-page#post-88058</a> Regards, Bruno Ismael on "Change font color, style and size of the Navigation / Main menu - and in general" http://www.kriesi.at/support/topic/change-font-color-style-and-size-of-the-navigation-main-menu#post-87937 Thu, 13 Dec 2012 02:14:50 +0000 Ismael 87937@http://www.kriesi.at/support/ Hi Bruno, Try this code instead: <pre><code>.main_menu .menu li a strong { color: #ffffff; font-size: 12px; font-style: italic; }</code></pre> Just change the values. Also, if it doesn't change you can use the !important. If you want a dark background and white font you can just switch your theme skin to dark, by going to Flashlight > Styling > Which general color scheme should be used? and set this to "Dark" Hope this helps. :) Regards, Ismael bruwa on "Change font color, style and size of the Navigation / Main menu - and in general" http://www.kriesi.at/support/topic/change-font-color-style-and-size-of-the-navigation-main-menu#post-87848 Wed, 12 Dec 2012 16:20:39 +0000 bruwa 87848@http://www.kriesi.at/support/ Hi I tried to change the font color in the navigation / main menu to white with this code: #top .main_menu .menu a { color: #ffffff; } Unfortunately it does not work (adding "!important") did not work either. How can I also change the font size and style of the navigation / main menu? ************** As I changed the background to gray: .box, .blog-meta, .return_content, .arrowslidecontrolls_fullscreen, .hide_content_wrap a, .img_count, .slide_thumbnails, .widget { background: #636466; } #top .main_menu .menu ul { background: #636466; } I want tho change any font color in the theme to white. Is there a way to do this once for all? Setting the Flashlight styling option "Font Color on colored background" to white ("#ffffff") did not do the trick! Thanks, Bruno Dude on "Customizing" http://www.kriesi.at/support/topic/customizing#post-20653 Tue, 07 Jun 2011 20:05:16 +0000 Dude 20653@http://www.kriesi.at/support/ Have a look at this tutorial: <a href="http://www.kriesi.at/support/topic/i-want-that-external-links-links-to-other-websites-open-in-a-new-windowtab" rel="nofollow">http://www.kriesi.at/support/topic/i-want-that-external-links-links-to-other-websites-open-in-a-new-windowtab</a> cogumelo on "Customizing" http://www.kriesi.at/support/topic/customizing#post-20625 Tue, 07 Jun 2011 16:07:49 +0000 cogumelo 20625@http://www.kriesi.at/support/ Cheers Dude!!! Worked fine!!! I have one more question... I'm trying to link the "twitter logo" of the header to my twitter account in a NEW WINDOW, actually it's working fine, but it's opening in the same window of my browser.... I would like to add the syntax "target="_blank"" in the header.php, but it's not working..... I think I'm having problems with the php syntax.... I'm triyng to add the targe command at: echo "<li class='twitter'><a>Twitter</a>"; Could you help me? Thank you very much! Dude on "Customizing" http://www.kriesi.at/support/topic/customizing#post-20593 Tue, 07 Jun 2011 05:46:48 +0000 Dude 20593@http://www.kriesi.at/support/ Try to regenerate your thumbnails by using this plugin: <a href="http://wordpress.org/extend/plugins/regenerate-thumbnails/" rel="nofollow">http://wordpress.org/extend/plugins/regenerate-thumbnails/</a> cogumelo on "Customizing" http://www.kriesi.at/support/topic/customizing#post-20583 Mon, 06 Jun 2011 23:49:12 +0000 cogumelo 20583@http://www.kriesi.at/support/ Hi Dude! ...Everything was great, but.... I started to moving my site around, doing a backup restoration in another wordpress instalation, and actually I have 2 versions of it on air... After copied all the backup files to the new server, and export and import all the data (xml) via wordpress to other database, I've noticed that the thumbnails are deformed in the newest version... please look the diference: Dirtoced: <a href="http://www.hannatools.net/?cat=9" rel="nofollow">http://www.hannatools.net/?cat=9</a> Original: <a href="http://www.hanna.net.br/sitenovo/?cat=9" rel="nofollow">http://www.hanna.net.br/sitenovo/?cat=9</a> Looking via firebug I notice that the correct thumbnail is linking to a small version of the uploaded image, file name "image_01-180x180.jpg" and the dirtoced version is linking to "image_01.jpg"..... I think the imagem 180x180 is created when we upload the image. I have all the images "180x180" in the folder "upload" but it aren't showing. I'm scared with the situation of that I have to upload all my images AGAIN because I have a LOT of images in my upload folder.... Do you have any solution for that? I'm glad with the theme and the support offered! Just this last issue is bothering me... Thanks again! Marco Dude on "Customizing" http://www.kriesi.at/support/topic/customizing#post-18285 Mon, 02 May 2011 18:20:30 +0000 Dude 18285@http://www.kriesi.at/support/ Have a look at this thread: <a href="http://www.kriesi.at/support/topic/static-home-page" rel="nofollow">http://www.kriesi.at/support/topic/static-home-page</a> - I posted correct instructions there. Instead of "page_id" use "post_id". cogumelo on "Customizing" http://www.kriesi.at/support/topic/customizing#post-18279 Mon, 02 May 2011 16:40:53 +0000 cogumelo 18279@http://www.kriesi.at/support/ Dude! The solution number 1 doesn't work properly, I don't have this exactly code in my index.php... I have something similar, and I changed it, but it's show me the oldest post instead of the newest post... ...and it's showing a post in its compact form, I want to show this post in its "opened" form, the form we see it after click in the "read more" buttom, do you know what I mean? After a click in the button read more, we can see the post "opened" right? so I want to see just the newest post in the home page, and it should be "opened" without the buttom read more. How can I do that? Thanks again! Dude on "Customizing" http://www.kriesi.at/support/topic/customizing#post-18051 Fri, 29 Apr 2011 05:23:25 +0000 Dude 18051@http://www.kriesi.at/support/ 3) Open up index.php and delete: <pre><code>kriesi_pagination($additional_loop->max_num_pages);</code></pre> 1) -removed 3) Add following code to style.css (at the very bottom): <pre><code>.column1{ width: 150px !important; } .column2{ width: 130px !important; } .column3{ width: 175px !important; }</code></pre> Adjust the width as you like. cogumelo on "Customizing" http://www.kriesi.at/support/topic/customizing#post-18038 Thu, 28 Apr 2011 23:17:33 +0000 cogumelo 18038@http://www.kriesi.at/support/ Hi Dude! Thanks again... You helped me a lot! but I have new questions... 1- I want to show just 1 post at HOME, the most recent post... keeping everting else like accordion menu, sidebar, header and footer. 2- Leaving just one post at Home page I want to take off the "Pages Counter" or "Pages Links" I don't know how it's called, I'm showing the modifications in the jpg here: <a href="http://www.zanq.tv/Projetos_graficos/Screenshots/home_unique_post.jpg" rel="nofollow">http://www.zanq.tv/Projetos_graficos/Screenshots/home_unique_post.jpg</a> 3- That is the same question from the previous topic, number 8.... I want to give differents values for the width of the widgets from the footer. I'm tring to show in the image from the link. Now I'm using another server for testing: <a href="http://www.hanna.net.br/sitenovo/" rel="nofollow">http://www.hanna.net.br/sitenovo/</a> Thank you very much guys! Marco - Cogumelo Dude on "Customizing" http://www.kriesi.at/support/topic/customizing#post-15489 Wed, 23 Mar 2011 06:09:18 +0000 Dude 15489@http://www.kriesi.at/support/ Hey, 1) Have a look at this post: <a href="http://www.kriesi.at/support/topic/how-to-add-pages-into-the-slider#post-4723" rel="nofollow">http://www.kriesi.at/support/topic/how-to-add-pages-into-the-slider#post-4723</a> 2) Search for following code in single.php and delete it: <pre><code><div class='entry' id="author-box"> <div class="gravatar"> <?php $author_email = get_the_author_email(); echo get_avatar( $author_email, $size = '60'); the_author_posts_link(); ?> </div> <div class="author-info"> <h3><?php _e('About the author','newscast'); ?></h3> <?php $description = get_the_author_description(); if($description != '') { echo $description; } else { _e('The author didnt add any Information to his profile yet','newscast'); } ?> </div> </div></code></pre> 3) Search for following code in header.php and delete it: <pre><code><ul class="social_bookmarks"> <?php if(isset($k_option['general']['contact_link']) && $k_option['general']['contact_link'] != '') { $contact_link = get_page_link($k_option['general']['contact_link']); echo "<li class='email'><a class='ie6fix' href='".$contact_link."'>E-mail</a></li> "; } ?> <li class='rss'><a class='ie6fix' href="<?php bloginfo('rss2_url'); ?>">RSS</a></li> <?php if(isset($k_option['general']['acc_tw']) && $k_option['general']['acc_tw'] != '') echo "<li class='twitter'><a class='ie6fix' href='http://twitter.com/".$k_option['general']['acc_tw']."'>Twitter</a></li>"; ?>   </ul></code></pre> 4) Search for following code in single.php: <pre><code><?php comments_template(); ?></code></pre> and replace it with <pre><code><?php if ( comments_open() ) : ?> <?php comments_template(); ?> <?php endif; ?></code></pre> 5) Delete following code in single.php + page.php: <pre><code><?php if($preview_image) { echo '<div class="entry-previewimage rounded preloading_background">'; echo $preview_image; echo '</div>'; } ?></code></pre> 6) In archive.hp you can adjust the headline text as you like (or just delete the h2 headline after <div id="content">. 7) You can use the po file from here: <a href="http://www.kriesi.at/support/topic/spanish-language-support" rel="nofollow">http://www.kriesi.at/support/topic/spanish-language-support</a> to translate the theme. 8) Please elaborate here - I don't know if I understood you right. 9) I can see rounded corners :) cogumelo on "Customizing" http://www.kriesi.at/support/topic/customizing#post-15268 Sun, 20 Mar 2011 19:36:44 +0000 cogumelo 15268@http://www.kriesi.at/support/ Dude! Thanks for your Help.... I was looking at <a href="http://validator.w3.org/" rel="nofollow">http://validator.w3.org/</a> and I saw that 90% of the errors were about widgets... I'm trying to make some adjustments in the theme using with firebug and firefile, but I'm feeling that is not the correct way, so if you could me help will be great. 1 - I would like to link the ACCORDION Buttons to PAGES instead categories. 2 - I would like to remove the "About the author" of all posts, categories and etc. 3 - I would like to remove all socials icons from Post, categories, pages e etc...(#social_icons ul) 4 - I would like to remove "Comments are closed." 5 - I don't want to show the Feature image when the post is opened. The same for pages. I want so see then just when the post is compact (read more). 6 - I would like to remove the line "Archive for Category" when opened the category. 7 - I would like to translate some text of the theme like "Search Results". "Nothing Found". "Sorry, no posts matched your criteria"... Do you think is better I make this translation by myself or just using with a plugin for wordpress? 8 - I would like to leave the footer widgets elements with different sizes, for example, the Footer-Left with X px, Footer-Center with Y px and Foot-Right with Z px... 9-Could you see the rounded corners of the search boxes and thumbnails in your IE and Safari? My safari is still showing it square....in my Firefox its works fine, with rounded corners...... Thanks Again! Dude on "Customizing" http://www.kriesi.at/support/topic/customizing#post-14758 Mon, 14 Mar 2011 07:15:04 +0000 Dude 14758@http://www.kriesi.at/support/ Hey, to remove the borders around the flags add following css code to style.css: <pre><code>.flags a img, .flags a:hover img, .flags img{ border: none; }</code></pre> Re: menu problem - try to replace following code from custom.js: <pre><code>// remove the last border from category menu item if there are 7 items, that border is not needed if(jQuery(".catnav>li").length >= 7) { jQuery(".catnav>li:last").addClass('noborder'); }</code></pre> with: <pre><code>// remove the last border from category menu item if there are 6 items, that border is not needed if(jQuery(".catnav>li").length >= 6) { jQuery(".catnav>li:last").addClass('noborder'); }</code></pre> 6) I think it's indeed related to coding errors - IE is a pain when it comes to small syntax errors. W3C: <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.extraveiculos.com%2Fzanqueta%2FHanna%2F&charset=%28detect+automatically%29&doctype=Inline&group=0" rel="nofollow">http://validator.w3.org/check?uri=http%3A%2F%2Fwww.extraveiculos.com%2Fzanqueta%2FHanna%2F&charset=%28detect+automatically%29&doctype=Inline&group=0</a> shows me some error. Please try to fix them (i.e. id already used errors,etc). However the search bar and the icons display fine for me here (IE8 and IE7), cogumelo on "Customizing" http://www.kriesi.at/support/topic/customizing#post-14729 Sun, 13 Mar 2011 21:52:35 +0000 cogumelo 14729@http://www.kriesi.at/support/ Thank you very much Dude! I'm appreciated! So, my website is hosted at <a href="http://www.extraveiculos.com/zanqueta/Hanna/" rel="nofollow">http://www.extraveiculos.com/zanqueta/Hanna/</a> There you can give a look and help me with itens 2 and 6 of my previous topic.... I've made some changes that you said, about item 4, but in Firefox I'm seen a gray border in the flags images, and in the Safari I don't see it, as I show in the follows screenshots, and I also have others questions in these screenshots, please give a look: <a href="http://www.zanq.tv/Projetos_graficos/Screenshots/firefox_shot.jpg" rel="nofollow">http://www.zanq.tv/Projetos_graficos/Screenshots/firefox_shot.jpg</a> <a href="http://www.zanq.tv/Projetos_graficos/Screenshots/shot01_safari.jpg" rel="nofollow">http://www.zanq.tv/Projetos_graficos/Screenshots/shot01_safari.jpg</a> Today I also did found other error or bug in the menus options in wp-admin, I was trying to add some categories and posts to be showed as a drop down menu of the main menu, and when I save it I lost some options of my menu, and after that every time I try to put more options in the menu it doesn't save it. I had to delete the drop downs and recreate the menu... I was using 10 drop downs in one option of the menu, and more 5 drop downs in the other menu option.... Do you thing that have some limitation of the number of itens in the menus options of wordpress? My problem is, I have to put something around 60 options in the menu, being 3 "generations" of drop down (drop down inside drop down)... for example... a Main Menu Option (Pages) > drop down with 7 options (categories) > each option have your own drop down with more 4 or 5 options (posts) ...that's it, no more drop downs. Thank you very much Dude... Dude on "Customizing" http://www.kriesi.at/support/topic/customizing#post-14696 Sun, 13 Mar 2011 08:18:47 +0000 Dude 14696@http://www.kriesi.at/support/ Hey, 1) Open up header.php and search for following code: <pre><code>wp_nav_menu( array( 'menu' => 'First', 'menu_class' => 'nav', 'echo' => true, 'fallback_cb' => '', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'depth' => 0, 'context' => 'frontend'));</code></pre> Replace it with: <pre><code>wp_nav_menu( array( 'menu' => 'First', 'menu_class' => 'nav', 'echo' => false, 'fallback_cb' => '', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'depth' => 0, 'context' => 'frontend'));</code></pre> 2) Can you post a link to your website please - it helps me to give you exact instructions. 3) Not without some advanced customization. 4) Replace following code in header.php: <pre><code><div id="head"> </code></pre> with: <pre><code><div id="head">  <div class="flags"> <a href="link-to-my-other-website.com"><img src="my-flag" alt="language" /></a> <a href="link-to-my-other-website.com"><img src="my-flag" alt="language" /></a> </div></code></pre> Then add following code to style.css: <pre><code>.flags{ position: absolute; top: 40px; right: 0px; z-index:20; }</code></pre> Adjust the top and right value as you like (you can position the flags anywhere you like - just play around with the pixel values). 5) Do not only use -moz-border-radius but also border-radius - for more information please refer to this page: <a href="http://www.css3.info/preview/rounded-border/" rel="nofollow">http://www.css3.info/preview/rounded-border/</a> 6) Like 2) - I need a link to investigate the problem... cogumelo on "Customizing" http://www.kriesi.at/support/topic/customizing#post-14665 Sat, 12 Mar 2011 16:02:24 +0000 cogumelo 14665@http://www.kriesi.at/support/ Hi! I'm adjusting the Newscast theme using firebug and firefile because I'm not a professional programer, but I know the basics os html and css... so I need some help, and I'll be glad if you guys could help me. So there is some questions I have: 1- I wanna to use just the second menu, what should I do? (actually I just creat a first menu and I leaved it in blank and after that I just adjust the ".nav_wrapper" padding-top to 77px besides the original 125px, Is that right? Have other way to do that? Everything looks nice... 2- Is possible to leave just 6 options in the second menu? When I leave 6 options the menu it is still showing 7 boxes, I want to divide the second menu in just 6 boxes. Actualy I change the ".catnav li a" width to 137....after that I chaged the ".catnav_wrapper" border-right to ZERO, and the ".catnav" border-right to ZERO.... It works, BUT the menu looks like the menu is fews pixels untidy with the accordion menu..... Do you know a better way to leave just 6 boxes in the second menu? 3-Is possible to use the menu accordion in other pages, with other options? I would like to use 3 accordions, one in the main page and other 2 in other pages. 4-I would like to add images in the header area, these images should have a link to my other languages website, these imagens will be flags os some contries, and I would like to puts this images between the seach field and the second menu....How could I insert this images/link in the header? 5- after I did these modifications I noticed that the style of style.css (line 1) .rounded { -moz-border-radius:5px 5px 5px 5px; } IS NOT WORKING in the Safari Browser, in the Firefox works fine, but in Safari I can't see the rounded corners of the search box. 6- After these modifications I can't see the #headextrasin IE8 (seach and email, rss and tweeter icons), in the firefox and safari I can see it.....I think the modifications that cause this problem are involved in the catnav_wrapper and catnav.... That is all for now!!! I'll be really appreciated if you guys could help me. Thanks very much! Marco - CoGuMeLo