Support » Theme: Custom Community » Changing fonts in certain places

  • Resolved jammer85


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


Viewing 7 replies - 1 through 7 (of 7 total)
  • @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?

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

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


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

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

    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?, #access .menu-header,
    {font-size: 25px;
    font-family: Impact, Arial Black, sans-serif;}

    hi efi86, just write

    #access a, 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

    oh I see! It works 🙂 Thank you so much!

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing fonts in certain places’ is closed to new replies.