Important Note


We have shifted our support forum with more advance feature, So if you are Pro buyer at InkThemes.com, Do ask all your support queries at http://www.inkthemes.com/community



InkThemes Support Forum » Cloriato Theme

Colour of three footer boxes

(14 posts)
  1. calfskin
    Member

    Member
    Joined: Mar 2012
    Posts: 6

    How do I change the background, and text colour of the 3 footer boxes?

    Posted 1 year ago #
  2. Harmeet
    Support Staff

    Support Staff
    Joined: Dec 2011
    Posts: 1,794

    When you change the color scheme of the theme it will change the background color of footer.

    Amd to change the color of footer text put the following code in custom css

    Appearance -> theme options -> styling options -> custom css

    .footer-content p, .footer-content pre {
    color: black;
    }
    
    .footer, .footer a {
    color: black;
    }

    This will change the color of text/.

    Thanks.

    Posted 1 year ago #
  3. racmccaf
    Member

    Member
    Joined: Mar 2012
    Posts: 9

    what about the header text of a footer widget? how do you change that color?

    Posted 1 year ago #
  4. Harmeet
    Support Staff

    Support Staff
    Joined: Dec 2011
    Posts: 1,794

    Put the following code in custom css

    Appearance -> theme options -> styling options -> custom css

    .widget_inner h3 {
    color:black;
    }

    This will change the color of footer heading.

    Thanks.

    Posted 1 year ago #
  5. racmccaf
    Member

    Member
    Joined: Mar 2012
    Posts: 9

    unfortunately that didn't work for me...

    Posted 1 year ago #
  6. Harmeet
    Support Staff

    Support Staff
    Joined: Dec 2011
    Posts: 1,794

    Please share the link of your website.

    Thanks.

    Posted 1 year ago #
  7. racmccaf
    Member

    Member
    Joined: Mar 2012
    Posts: 9

    http://racmcaf.bitnamiapp.com/wordpress/

    would like the lime green color to be different. also wondering how to change the background of the search box.

    Posted 1 year ago #
  8. racmccaf
    Member

    Member
    Joined: Mar 2012
    Posts: 9

    I figured out the footer titles, it was

    .footer-container h4 {
    color: your color value;
    }

    Do you know how i can change the background of the search box?

    Posted 1 year ago #
  9. Harmeet
    Support Staff

    Support Staff
    Joined: Dec 2011
    Posts: 1,794

    Put the following code in custom css

    Appearance -> theme options -> styling options -> custom css

    .common h4 {
    color:red;
    }

    This will change the color of footer heading. Put your own color value in place of red according to your requirement.

    Thanks.

    Posted 1 year ago #
  10. spookywooky
    Member

    Member
    Joined: Mar 2012
    Posts: 34

    HI,
    how to change font color of the text in footer?
    I changed headers in footer fine using the directions above.
    Thank you!

    Posted 1 year ago #
  11. elames
    Pro Member

    Pro Member
    Joined: Jan 2012
    Posts: 282

    Try this:

    .footer-container ul li {
    color:your color value;
    }

    Posted 1 year ago #
  12. Harmeet
    Support Staff

    Support Staff
    Joined: Dec 2011
    Posts: 1,794

    @spookywooky

    Put the following code in custom css

    Appearance -> theme options -> styling options -> custom css

    This code will change the color of the footer heading

    .widget_inner h3 {
    color:red;
    }

    And this code wil change the color of the text

    .footer_wrapper .footer .footer_widget ul li a {
    color: red;
    }

    Thanks.

    Posted 1 year ago #
  13. spookywooky
    Member

    Member
    Joined: Mar 2012
    Posts: 34

    Hi,
    it did not change the color of the text. I have text widget in First Footer Widget area.

    Header did change color, just not the text.

    Posted 1 year ago #
  14. spookywooky
    Member

    Member
    Joined: Mar 2012
    Posts: 34

    I found how to change color of footer text widgets in style.css by changing this line: .footer,.footer a {color:#000;}
    Will it also work for other (non-text) widgets?
    Thank you!

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.