How do I do these 4 things?

Discussion in 'Dzonia WordPress Theme' started by naiad, Jun 27, 2013.

  1. naiad

    naiad Guest

    Joined:
    Jun 5, 2013
    Messages:
    2
    Likes Received:
    0
    I want to:
    • Make the black buttons on the top navigation menu rectangular (no rounded corners), make the buttons a specific color using the 6-character code, and make the buttons much thinner (less padding all around).
    • Make all the headers (H1, etc.) BOLD.
    • Make the body text size a different font and at least 14px.
    • Change the color of type in footer (using 6-character code) .
    • Specify a color (6-character) for footer background without that texture in it.
    • Link from the rotating testimonials on home page to a page that has MANY more. Three is rather pointless without a live link to all the rest.
    How can I do these?

    Also, the background file I downloaded is corrupt. Please send a new link or the file. Thanks.
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    1.For your first issue

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    #menu .ddsmoothmenu li.current-menu-item, #menu .ddsmoothmenu li.current_page_item, #menu .ddsmoothmenu li.current-menu-parent, #menu .ddsmoothmenu li.current_page_parent, #menu .ddsmoothmenu li:hover{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    }
    2.For your second issue

    Go to js > custom.js present in your theme directory and remove the code given below

    Code:
     //Cufon Replacement in heading
      jQuery(document).ready(function() {
    //Cufon.replace('h1')('h2')('h3')('h4')('h5')('h6');
    Cufon.replace('h1, h2, h3, h4, h5, h6,.content .post .date li', { fontFamily: 'MankSans-Medium', hover: true });
    });
    Now,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    h1, h2, h3, h4, h5, h6{
    font-weight:bold;
    }

    3.For your third issue

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    p{
    font-size:14px!important;
    }
    4.For your fourth and fifth issue

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .footer_wrapper{
    background:red;
    }
    .footer_wrapper .footer_bottom{
    background:red;
    min-height:32px;
    }
    .bottom_cornor{
    display:none;
    }
    Inplace of "red" put your color code
    5.For your sixth issue

    Go to Appearance > Theme Option > HomePage Second Featured Section > First Testimonial Heading

    and add anchor tag in your testimonial heading.

    For example

    Code:
    <a href="Enter your link address">Enter your heading text</a>

    This will solve your issue.
     
  3. terapiadapalavra

    terapiadapalavra New Member

    Joined:
    May 28, 2012
    Messages:
    14
    Likes Received:
    0
    I want to change font size on the other pages. How should I proceed?
     
  4. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello terapiadapalavra,
    Please follow above 2nd step and then put css code in custom CSS box.
    Code:
    h1{
    font-size:25px;
    }
    h2{
    font-size:23px;
    }
    h3{
    font-size:20px;
    }
    h4{
    font-size:18px;
    }
    h5{
    font-size:16px;
    }
    h6{
    font-size:14px;
    }
    body{
    font-size:10px;
    }
    Change font size according t0 your requirement.
    Thanks & regards
    Pramod
     

Share This Page