Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #3988

    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”>

    <!–

    function MM_preloadImages() { //v3.0

    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a.indexOf(“#”)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

    }

    function MM_swapImgRestore() { //v3.0

    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;

    }

    function MM_findObj(n, d) { //v4.01

    var p,i,x; if(!d) d=document; if((p=n.indexOf(“?”))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

    if(!x && d.getElementById) x=d.getElementById(n); return x;

    }

    function MM_swapImage() { //v3.0

    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

    if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

    }

    //–>

    </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″>Join Our Email Newsletter</td>

    <td width=”24″>Linkedin</td>

    <td width=”24″>Facebook</td>

    <td width=”24″>Twitter</td>

    <td width=”24″>Flickr</td>

    <td width=”24″>RSS</td>

    </tr>

    </table>

    #44479

    Hey,

    1) add following code to custom.css (located in the “css”):

    #top .avia_mega > li > ul, #top .avia_mega > li > ul ul{
    padding:8px;
    }

    Adjust the padding as you like (i.e.decrease the value and the border will be thiner.

    2) Open up header.php and replace:

    /*
    * 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>
    <!-- end social_bookmarks-->

    with your code – maybe you need to adjust some css though.

    #44480

    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

    #44481

    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?

    #44482

    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:

    #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;
    }

    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:

    #top .main_menu .avia_mega a {
    padding: 0 19px;
    }

    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: http://codex.wordpress.org/Customizing_the_Read_More

    b.) Open up /includes/loop-index.php and change:

    the_content(__('Read more','avia_framework'));

    to:

    the_excerpt();

    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

    #44483

    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 http://www.gourmetmarketing.net.

    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

    #44484

    Hey,

    1) Try:

    #top .avia_mega > li > ul, #top .avia_mega > li > ul ul {
    padding: 2px !important;
    }

    2) Delete following code in header.php:

    get_search_form();

    and:

    <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>

    You can replace the social bookmarks code with your code if you like.

    #44485

    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?

    #44486

    You can use the same structure like Kriesi. Use a list like:

    <ul class="social_bookmarks">

    <li class='my-icon-class'>Your icon</li>
    ....

    </ul>

    and adjust the css a bit.

    .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;
    }

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Customizing Header Section’ is closed to new replies.