Return to previous page

Footer background color - by Dittemila - on WordPress WooCommerce support

This topic has 12 replies, 2 voices, and was last updated 7 years ago ago by Rose Tyler

Dittemila

Participant

November 7, 2017 at 13:53

I have this css in custom css:

.footer-top.footer-top-3, .footer.footer-bottom-3, .footer.footer-bottom-2 {
background-color: #f9e1e0 !important;
}

But I can’t change the color this way. I have changed the background color to #f9e1e0 under design options, but it docent change it correct. Can you take a look. the changes has been made to my English site.

I need the entire footer background color to be #f9e1e0

thank you

Please, contact administrator
for this information.

#176963 Copied

11 Answers

Rose Tyler

Support staff

November 7, 2017 at 14:03

Hello,

Seems it works fine http://prntscr.com/h7begk Please check.

Regards

#176965 Copied

Dittemila

Participant

November 7, 2017 at 20:47

try to look at the footer.
There is a brown frame around the pink color.

#177018 Copied

Dittemila

Participant

November 8, 2017 at 00:02

Now it works. The entire footer background is now pink.

Possible to make the background color, on the drop down menu, pink with black text? Also on small screen devices?

Is it possible to display the footer content in 2 columns on small screen devices?

Kind regards

#177026 Copied

Rose Tyler

Support staff

November 8, 2017 at 09:26

Hello,

Please try to add this code in Custom css:
.mega-sub-menu {background-color: pink !important;}
You may change it in columns settings – http://prntscr.com/h7o1lq

Regards

#177057 Copied

Dittemila

Participant

November 8, 2017 at 11:01

thank you it works great.

I just need to change the text color in menu on small screen device.
Can you help me?

#177065 Copied

Dittemila

Participant

November 8, 2017 at 11:07

the css is only working on bigger screen menu.

Is it possible to make the mobile menu background color pink with black text?

#177067 Copied
Rose Tyler

Support staff

November 8, 2017 at 11:19
Hello,

Please try this code:
```
.mobile-nav-shown .mobile-nav, .mobile-nav .close-block, .et-mobile-menu li > a, .et-mobile-menu li .open-child, .et-mobile-menu > li > ul > li a, .et-mobile-menu > li > ul li, .mobile-nav .search .et-mega-search form input[type="text"], .mobile-nav .mobile-nav-heading, .mobile-nav ul.links li a {
    background-color: pink;
    border-color: rgba(231, 227, 228, 0.74) !important;
    color: black !important;
}
```
Regards
#177074 Copied
Dittemila

Participant

November 8, 2017 at 11:26

thank you:-)

#177078 Copied

Rose Tyler

Support staff

November 8, 2017 at 11:27

You’re welcome!

Regards

#177080 Copied

Dittemila

Participant

November 8, 2017 at 11:55

just one last thing rose.

In the mobile drop down menu,the plus + (shop +) is white, it is very difficult to see on a pink background. Is to possible to make is black also?

#177092 Copied

Rose Tyler

Support staff

November 8, 2017 at 13:32

Hello,

This + is image, so you need to change wp-content/themes/legenda/images/small-plus.png, the same for close menu icon – small-close.png.

Regards

#177102 Copied
Viewing 12 results - 1 through 12 (of 12 total)