BLACK FRIDAY BIGGEST SALE EVER!! Use coupon code BF33 to get 33% discount on all our products. Enjoy!

Background color, footer area

Home Forums Esteem Free Background color, footer area

This topic contains 5 replies, has 3 voices, and was last updated by  reball62 3 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1315900

    anders
    Participant

    How do I change the background color in the footer area? When I visit our homepage in Explorer, the area is white as I want it, but in Google Chrome it comes out in a dark grey color:
    I’ve been trying to customize the CSS, but I still can’t fix the problem.

    #1316249

    ashishsthanp
    Moderator

    Hello, @anders

    Can you provide us URL of your website so that we can inspect it and give you a proper solution?

    Regards,
    ThemeGrill Support Team.

    #1321024

    reball62
    Participant

    Hello,

    i think i have an similar Problem: how can i change on my page https://vogeltierarzt-reball.de the color of the grey Footer area in my optional color #507f26?

    Thanks in advance
    Martin

    #1321068

    ashishsthanp
    Moderator

    @reball62
    You can add following code inside Appearance > Customize > Additional CSS :

    #colophon {
      background-color: #507f26;
    }
    #1321134

    reball62
    Participant

    Thank you, but it doesen’t work. In my Additional CSS it looks so:

    /*
    Füge deinen eigenen CSS-Code nach diesem Kommentar hinter dem abschließenden Schrägstrich ein. 
    
    Klicke auf das Hilfe-Symbol oben, um mehr zu erfahren.
    */
    .main-navigation ul li ul li a:hover {
    background-color: #507f26;
    color: #ffffff;
    }
    #colophon {
      background-color: #507f26;
    }
    #supplementary .widget {
        background-color: transparent;
        border: none;
    }
    #supplementary .widget img { border: none;
    }
    

    Do you have another Idea?

    #1321232

    reball62
    Participant

    Hello ashishsthanp,

    i found it here:

    /*
    ====> 13.8 Footer
    --------------------------------------------------------------*/
    
    /*
    ====> ====> 13.8.a Footer General CSS
    --------------------------------------------------------------*/
    #colophon{
    	font-size: 14px;
    	clear: both;
    	color: #777;
    	background-color: #<strong>507f26</strong><em>;
    	overflow: hidden;
    	padding: 50px 0 20px;
    

    Thank you again

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.