• Closed
  • Nathan Iyer
    Spectator
    November 26, 2014 at 9:03 pm #13609

    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;

    }

    Alok Maheshwari
    Spectator
    Posts: 303
    November 27, 2014 at 8:35 pm #13622

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

    moi
    Spectator
    Posts: 11
    November 28, 2014 at 9:41 am #13626

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

    Nathan Iyer
    Spectator
    Posts: 3
    November 28, 2014 at 9:46 am #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/

     

    🙂