Support Forum - Topic: Customizing Header Section

Support Forum - Topic: Customizing Header Section http://www.kriesi.at/support/topic/customizing-header-section Support Forum - Topic: Customizing Header Section en-US Sat, 25 May 2013 11:35:21 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "Customizing Header Section" http://www.kriesi.at/support/topic/customizing-header-section#post-18047 Fri, 29 Apr 2011 05:12:51 +0000 Dude 18047@http://www.kriesi.at/support/ You can use the same structure like Kriesi. Use a list like: <pre><code><ul class="social_bookmarks"> <li class='my-icon-class'>Your icon</li> .... </ul></code></pre> and adjust the css a bit. <pre><code>.social_bookmarks .my-icon-class a { background: url("../images/skin1/icon.png") no-repeat scroll 0 0 transparent; } .social_bookmarks a { border: medium none; display: block; float: left; height: 24px; outline: medium none; padding: 0; text-indent: -9999px; width: 24px; }</code></pre> onurkiyak on "Customizing Header Section" http://www.kriesi.at/support/topic/customizing-header-section#post-18032 Thu, 28 Apr 2011 20:47:45 +0000 onurkiyak 18032@http://www.kriesi.at/support/ All of them works. Thanks a lot. One quick question. When I use a table to hold all the social icons, it gets messed up and the table of the background becomes white. Any suggestion? Rather than using table? Dude on "Customizing Header Section" http://www.kriesi.at/support/topic/customizing-header-section#post-18024 Thu, 28 Apr 2011 20:08:19 +0000 Dude 18024@http://www.kriesi.at/support/ Hey, 1) Try: <pre><code>#top .avia_mega > li > ul, #top .avia_mega > li > ul ul { padding: 2px !important; }</code></pre> 2) Delete following code in header.php: <pre><code>get_search_form();</code></pre> and: <pre><code><ul class="social_bookmarks"> <li class='rss'><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li> <?php if($twitter = avia_get_option('avia, twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>"; if($facebook = avia_get_option('avia, facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a></li>"; ?> </ul></code></pre> You can replace the social bookmarks code with your code if you like. onurkiyak on "Customizing Header Section" http://www.kriesi.at/support/topic/customizing-header-section#post-18009 Thu, 28 Apr 2011 17:10:07 +0000 onurkiyak 18009@http://www.kriesi.at/support/ James, I just want to reduce the border of drop down lists. I just copy paste Dude's code to my custom.css. Unfortunately, it is not working. You can see it from <a href="http://www.gourmetmarketing.net" rel="nofollow">http://www.gourmetmarketing.net</a>. I also want to take off the social icons, rss icon and search box and insert the code above. After Dude's code, I don't see facebook and twitter. However, Rss icon and Search box is still there. With you recommendation: where should I put the above code that will fit right side of the header section? Thanks Thanks James Morrison on "Customizing Header Section" http://www.kriesi.at/support/topic/customizing-header-section#post-17969 Thu, 28 Apr 2011 10:47:17 +0000 James Morrison 17969@http://www.kriesi.at/support/ Hey, If you're trying to adjust the border of drop down items, Dude's code does work. If you want to change the top level items padding, you'll find the code to adjust on line 274 of style.css: <pre><code>#top .main_menu .avia_mega a { display: block; float: left; height: 34px; line-height: 34px; margin: 0 3px 0 0; outline: medium none; padding: 0 19px; position: relative; text-align: center; text-decoration: none; z-index: 35; }</code></pre> However, it is recommended to use the custom.css file in the CSS folder to avoid having to redo your changes if the theme is updated. In /css/custom.css add this code: <pre><code>#top .main_menu .avia_mega a { padding: 0 19px; }</code></pre> and change the padding value to suit your needs. 2.) What's the site URL where you've added this code? 3.) What do you mean by "slug section"? 4.) There are 2 ways to adjust the output: a.) Use the More tag within your posts. For usage instructions see the Codex page: <a href="http://codex.wordpress.org/Customizing_the_Read_More" rel="nofollow">http://codex.wordpress.org/Customizing_the_Read_More</a> b.) Open up /includes/loop-index.php and change: <code>the_content(__('Read more','avia_framework'));</code> to: <code>the_excerpt();</code> Personally I recommend the a.) option but it's up to you. Bear in mind that any changes to loop-index.php changes every page which calls this template file. James onurkiyak on "Customizing Header Section" http://www.kriesi.at/support/topic/customizing-header-section#post-17923 Wed, 27 Apr 2011 14:02:30 +0000 onurkiyak 17923@http://www.kriesi.at/support/ two more question. 1) How can I hide the slug section? 2) When I put the Blog section on my Homepage using Template Builder, it shows the full page of each post. How can I put excerpt? onurkiyak on "Customizing Header Section" http://www.kriesi.at/support/topic/customizing-header-section#post-17916 Wed, 27 Apr 2011 12:44:36 +0000 onurkiyak 17916@http://www.kriesi.at/support/ Mate, thanks for the response. But both codes didn't work. First of all, I put the first code inside custom.css but I don't see any difference. For the section section, I replace the code. However I still see the search box and Feed button. Please advise thanks Dude on "Customizing Header Section" http://www.kriesi.at/support/topic/customizing-header-section#post-17632 Sat, 23 Apr 2011 17:42:05 +0000 Dude 17632@http://www.kriesi.at/support/ Hey, 1) add following code to custom.css (located in the "css"): <pre><code>#top .avia_mega > li > ul, #top .avia_mega > li > ul ul{ padding:8px; }</code></pre> Adjust the padding as you like (i.e.decrease the value and the border will be thiner. 2) Open up header.php and replace: <pre><code>/* * display the theme search form * the tempalte file that is called is searchform.php in case you want to edit it */ get_search_form(); ?> <ul class="social_bookmarks"> <li class='rss'><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li> <?php if($twitter = avia_get_option('avia, twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>"; if($facebook = avia_get_option('avia, facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a></li>"; ?> </ul> </code></pre> with your code - maybe you need to adjust some css though. onurkiyak on "Customizing Header Section" http://www.kriesi.at/support/topic/customizing-header-section#post-17575 Fri, 22 Apr 2011 12:58:51 +0000 onurkiyak 17575@http://www.kriesi.at/support/ Hey guys, great template. I have two questions for you. 1. How can I reduce the border in the navigation bar? 2. Can I get rid off social media icons and the search box and put my own social media icons? Below is the code: <script type="text/javascript">  </script> <body onLoad="MM_preloadImages('http://www.gourmetmarketing.net/social/join-our-email-newsletter_f2.png','http://www.gourmetmarketing.net/social/linkedin_f2.png','http://www.gourmetmarketing.net/social/facebook_f2.png','http://www.gourmetmarketing.net/social/twitter_f2.png','http://www.gourmetmarketing.net/social/flickr_f2.png','http://www.gourmetmarketing.net/social/feed_f2.png')"><table width="280" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="125" height="26" align="right" ><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.gourmetmarketing.net&layout=button_count&show_faces=true&width=125&action=recommend&font=trebuchet+ms&colorscheme=light&height=21" scrolling="No" frameborder="0" style="border:none; overflow:hidden; width:125px; height:21px;" allowtransparency="true"></iframe></td> <td width="24"><a href="join-our-email-newsletter.html"><img src="http://www.gourmetmarketing.net/social/join-our-email-newsletter.png" alt="Join Our Email Newsletter" /></a></td> <td width="24"><a href="http://www.linkedin.com/company/gourmet-marketing?trk=copro_tab"><img src="http://www.gourmetmarketing.net/social/linkedin.png" alt="Linkedin" /></a></td> <td width="24"><a href="http://www.facebook.com/gourmetmarketing"><img src="http://www.gourmetmarketing.net/social/facebook.png" alt="Facebook" /></a></td> <td width="24"><a href="http://twitter.com/#!/gmarketing_nyc"><img src="http://www.gourmetmarketing.net/social/twitter.png" alt="Twitter" /></a></td> <td width="24"><a href="http://www.flickr.com/photos/gourmet_marketing/"><img src="http://www.gourmetmarketing.net/social/flickr.png" alt="Flickr" /></a></td> <td width="24"><a href="http://feeds.feedburner.com/gourmetmarketing/nSAP"><img src="http://www.gourmetmarketing.net/social/feed.png" alt="RSS" /></a></td> </tr> </table>