Change background color in columns

Discussion in 'ColorWay WordPress Theme' started by govinda, Feb 9, 2014.

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

    govinda New Member

    Joined:
    Oct 21, 2013
    Messages:
    14
    Likes Received:
    0
    Hello,
    I would like to change the backgroundcolor of h3 columns on the home page

    one_fourth in red
    one_fourth middle in braun
    aso...

    now everything is in red and somehow I dont get for each one a different colors.
    Look at my site and you know what I mean: www.govinda-leipzig.de
    The text below is already in different colours...

    Thanks for helping me again!
    Love your support!
    Peter

     
  2. 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 Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    #content .one_fourth h3 a {
    color: red ! important;
    }
    #content .one_fourth.middle h3 a {
    color: yellow! important;
    }
    #content .one_fourth.middle.last h3 a {
    color: blue ! important;
    }
     
    In place "red","yellow" and "blue" you can put your color or color code.
    This will solve your issue.
     
  3. govinda

    govinda New Member

    Joined:
    Oct 21, 2013
    Messages:
    14
    Likes Received:
    0
    Thank you! This brought me a step further!

    Problem is, that the first and third column has the same designation. (.one_fourth)
    And now also the same background color.
    So how to change the background-color in the third column into brown?

    Now I have the following code wich works fine for all, exept for the 3 column:
    (www.govinda-leipzig.de)

    #content .one_fourth h3 {
    background-color: #c43500 ! important;
    margin: 0px 0 10px ! important;
    padding-top: 70px ! important;
    padding-left: 10px ! important;
    }
    #content .one_fourth.middle h3 {
    background-color: #7b9c00 ! important;
    margin: 0px 0 10px ! important;
    padding-top: 70px ! important;
    padding-left: 10px ! important;
    }
    #content .one_fourth.middle.last h3 {
    background-color: #bf6900 ! important;
    margin: 0px 0 10px ! important;
    padding-top: 70px ! important;
    padding-left: 10px ! important;
    }

    #content .one_fourth a {
    color: white ! important;
    }
     
  4. Piyush

    Piyush Support Staff

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

    For this, go to the front-page.php file present in your theme directory and follow the instruction shown in the image given below.

    [​IMG]

    Now,
    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    #content .one_fourth.third h3 a {
    color: teal ! important;
    } 
    In place "teal " you can put your color or color code.
    This will solve your issue.
     
  5. govinda

    govinda New Member

    Joined:
    Oct 21, 2013
    Messages:
    14
    Likes Received:
    0
    Thank you worked fine!
     
Thread Status:
Not open for further replies.

Share This Page