Theme won't hold custom styles

Discussion in 'RoadFighter WordPress Theme' started by elames3, Dec 7, 2013.

Thread Status:
Not open for further replies.
  1. elames3

    elames3 Member

    Joined:
    Jan 16, 2012
    Messages:
    89
    Likes Received:
    0
    I keep trying to have the font size for all my text and blogs as well as lists to be the same size.
    But the theme will not hold the settings. Every time I reload it changes.

    What is the custom style I need to use for all page and blog text to be 16px?
    thank you
     
  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    Font changes not working because of cufon.
    So please follow process given below.
    Activate "wp-editor" plugin from WordPress.org
    http://wordpress.org/plugins/wp-editor/
    after that
    Go to Appearance > Theme editor > js > custom.js
    and make changes as shown in the image.

    cufon.png

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

    Code:
    p, h1, h2, h3, h4, h5, h6, a{
    font-size:16px!important;
    }
    Thanks & Regards
    Nitesh Raghuwanshi
     
  3. elames3

    elames3 Member

    Joined:
    Jan 16, 2012
    Messages:
    89
    Likes Received:
    0
    I did remove this code from the custom.js
    It still is not working.
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    Please do let me know your website link.

    Thanks & Regards
    Nitesh Raghuwanshi
     
  5. elames3

    elames3 Member

    Joined:
    Jan 16, 2012
    Messages:
    89
    Likes Received:
    0
  6. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello Elames,

    You have successfully removed cufon from your site.
    Now just paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
    p, h1, h2, h3, h4, h5, h6, a{
    font-size:16px!important;
    }

    Thanks & Regards
    Nitesh Raghuwanshi
     
  7. elames3

    elames3 Member

    Joined:
    Jan 16, 2012
    Messages:
    89
    Likes Received:
    0
    I just want the text to be 16 px. I have it set fine in the blog but it won't take in the other pages for some reason.
    This is the code I have now.
    p
    font-family:"Trebuchet MS" !important;
    font-size: 16px !important;
    color: #000000;
    }
     
  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello Elames,

    You have got correct code but still you are doing a mistake again in the syntax of code.
    After the p selector you have forgotten the open curly braces i.e "{" .

    So Paste the code given below in Custom CSS section
    (Appearance > Theme Option > Styling Option > Custom CSS)
    in place of above shown code.

    Code:
     p{
    font-family:"Trebuchet MS" !important;
    font-size: 16px !important;
    color: #000000;
    }
    
    This will work fine.
     
  9. elames3

    elames3 Member

    Joined:
    Jan 16, 2012
    Messages:
    89
    Likes Received:
    0
  10. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance > Theme Option > Styling Option > Custom CSS)

    Code:
    p, span, strong,li {
    font-family: "Trebuchet MS" !important;
    font-size: 16px !important;
    color: #000000 ! important;
    }
    This will solve your issue.
     
  11. elames3

    elames3 Member

    Joined:
    Jan 16, 2012
    Messages:
    89
    Likes Received:
    0
  12. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below also in Custom CSS section
    (Appearance > Theme Option > Styling Option > Custom CSS)

    Code:
    .footer .footer_widget p {
    color: #fff ! important;
    }
    .bottom_footer_container .copyrightinfo p {
    color: #fff ! important;
    }
    In place of "#fff " you can put your color or color code.
    This will solve your issue.
     
  13. elames3

    elames3 Member

    Joined:
    Jan 16, 2012
    Messages:
    89
    Likes Received:
    0
    Thank you. Think we are good to go now.:)
     
Thread Status:
Not open for further replies.

Share This Page