WordPress.org

Ready to get started?Download WordPress

Forums

Custom Community
[resolved] Changing fonts in certain places (8 posts)

  1. jammer85
    Member
    Posted 1 year ago #

    I was just wondering what to put in the custom CSS tab if I wanted to change the fonts in the following:

    - Container Post title
    - menu at the top
    - Slider main image (big left window pane)
    - links

    Thanks to anyone who can help!!!!

    Jimi

  2. konradS
    Member
    Posted 1 year ago #

    @jammer85,

    ** copy and modify to your needs **

    1.) Container Post title:

    #container h2.posttitle, #container h2.pagetitle {
    color: #ff9900;
    font-family: Impact, Arial Black, sans-serif;
    font-size: 39px;
    }

    2.) menu at the top:
    Try for example this as a nice starting point and modify:

    #header .menu-top li a {
    color: #000;
    display: block;
    line-height: 30px;
    border-bottom: 2px solid #ff9900;
    padding: 5px 15px 5px 15px;
    text-decoration: none;
    background-color: #ff9;
    }

    /** ...and add some hover effect also, like this **/

    #header .menu-top li a:hover {
    color: #000;
    border-bottom: 2px solid #000;
    background-color: #ff9900;
    }

    3.) Slider main image:
    don't you mean this one here?
    http://wordpress.org/support/topic/change-background-color-on-slideshow?replies=5#post-3996123

    ..and for the title inside the caption:

    div.cc_slider .featured .info h2 {
    color: #ffcc00;
    }

    4.) links
    see the link color option in the theme settings -> general tab -> links

  3. jammer85
    Member
    Posted 1 year ago #

    Thanks Konrad,

    The slider one only changes the right nav side of the slideshow, not the left main image part, which is what i'm now looking at modifying. Its the text over the big image.

    Thanks for all your help so far!!

    Jimi

  4. konradS
    Member
    Posted 1 year ago #

    @jammer85, little correction for slider caption title (forgot the a tag):

    div.cc_slider .featured .info h2 > a {
    color: #ddd;
    }

  5. efi86
    Member
    Posted 1 year ago #

    I want to change the font family of the main menu and though my code changes the font size it doesn't change the font family.. I think the code is right so what could be the problem?

    div.menu, #access .menu-header, div.menu
    {font-size: 25px;
    font-family: Impact, Arial Black, sans-serif;}

  6. konradS
    Member
    Posted 1 year ago #

    hi efi86, just write

    #access a, div.menu a { font-size: 25px; font-family: Impact, Arial Black, sans-serif; }

    the styles should be applied for the links, the a tags, to work properly..

    ;) cheers, konrad

  7. efi86
    Member
    Posted 1 year ago #

    oh I see! It works :) Thank you so much!

  8. Svenl77
    Member
    Theme Author

    Posted 1 year ago #

    I will mark this topic as resolved, thanks @efi86 for the feedback

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic