• Creator
    Topic
  • #13609

    Nathan Iyer
    Spectator
    Been thanked: 0 times

    Dear Evolve Devs and Community,

    I’ve been having great success customizing various parts of the Evolve theme using custom CSS (initial inspiration thanks to Alok)

    Below I am giving you the research I’ve figured out so far!

     

    I am also inviting everyone to share their own snippets here so I and others can learn even more!

    I am hoping to make this thread your one-stop to find out how to customize your Evolve theme to your own perfect wishes.

     

    Below I have posted code for changing the fonts, sizes, and colors for:

    The website tagline

    Main Page Background
    Main Page Text

    The 3 Front Page Content Boxes
    The color and font of the Learn More Buttons
    The highlight color of the Learn More Buttons

    Page Title Color
    Page Title Shadow

    Enjoy!

    /* Main Content of your pages */

    .content {

    background-color:#101010;

    font-family: Verdana, Arial, Helvetica,

    sans-serif;

    font-size:130%;

    font-weight: bold;

    color:#E3E3E3;

    }

     

    /* Site Description / Tagline */

    #tagline {

    color: #1F1F1F;

    padding-top:20px;

    margin-left:10px;

    font:170% Roboto;

    }

     

    /* The 3 boxes */

    /* Main font color! */

    .content-box p {

    color:#AA5FFF;

    }

     

    /* Learn More */

    .content-box .read-more {

    background:rgba(90,90,90,.3);

    color:#FF0;

    }

    /* Change the hover color of the Learn More buttons!!! 🙂  */

    .content-box a:hover { color: #FF0000; }

     

    /* Page Titles */

    .page-title { font-size:26px; font-weight: bold;font-style: italic;letter-spacing:-1px; }
    .page-title span { font-weight: normal; }

    .entry-title, .entry-title a {

    font-family:’Roboto’,arial,sans-serif;

    /* Page Title Color */

    color: #AA00FF;

    font-size:28px;
    font-weight:bold;

    line-height:28px;
    letter-spacing:0px;

     

    /* Page Title Shadow */

    text-shadow: 1px 1px 0px #AA77FF;

    }

Viewing 3 replies - 1 through 3 (of 3 total)
Replies
  • Alok Maheshwari
    Spectator
    Post count: 303
    Been thanked: 0 times
    #13622 |

    Thanks for this post. I hope it will be beneficial to others here.

    moi
    Spectator
    Post count: 11
    Been thanked: 0 times
    #13626 |

    hello I can see your site, an example? thank you

    Nathan Iyer
    Spectator
    Post count: 3
    Been thanked: 0 times
    #13627 |

    [quote quote=13622]Thanks for this post. I hope it will be beneficial to others here.[/quote]

    You’re welcome Alok!

     

    @Moi

     

    Here’s my site, still very much under construction 🙂

    http://ue4code.com/

     

    🙂

Viewing 3 replies - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.