Return to previous page

Footer and alert color on mobile - by GL Makeup

This topic has 10 replies, 2 voices, and was last updated 6 years, 2 months ago ago by Rose Tyler

GL Makeup

Participant

October 9, 2018 at 08:04

Dear Eight Theme,

I changed the alert message background color to #ab8c62 and the footer 3 background color to #1a1a1a.

It works fine on pc, please check here: https://profisminkiskola.hu/

But on mobile the solors are the original.

Please send me a code snippet to my custom css to change these colors on mobile.

Thank you very much in advance.

Have a nice day!

#200730 Copied Theme version: 3.0.3

9 Answers

Rose Tyler

Support staff

October 9, 2018 at 08:44

Hello,

Please provide temporary wp-admin access so we can take a closer look.

Regards

#200732 Copied

GL Makeup

Participant

October 9, 2018 at 08:49

Dear Rose,

thank you for your quick reply.

I send you the credentilas in private content.

Thank you

Please, contact administrator
for this information.

#200733 Copied

Rose Tyler

Support staff

October 9, 2018 at 09:14

This custom css code was added inside media query http://prntscr.com/l3w68y so it works on desktop only, this one http://prntscr.com/l3w754 works for all other devices. Please check.

Regards

#200736 Copied

GL Makeup

Participant

October 9, 2018 at 09:59

Dear Rose,

Thank you. I check but it is the same on mobile, does not change.

Or do I have to do something more? (I clear cache on mobile browser)

Thank you

#200744 Copied
Rose Tyler

Support staff

October 9, 2018 at 10:18
Please open custom.css file and delete
```
.footer-top.footer-top-3, .footer.footer-bottom-3, .footer.footer-bottom-2 {
    background: #1a1a1a;
    color: #1a1a1a;
}
```
then change this code:
```
.footer-top.footer-top-3, .footer.footer-bottom-3, .footer.footer-bottom-2 {
    background: #404040; 
    color: #8b8b8b;
}
```
to
```
.footer-top.footer-top-3, .footer.footer-bottom-3, .footer.footer-bottom-2 {
    background: #1a1a1a;
    color: #1a1a1a;
}
```
Let me know result.

Regards
#200745 Copied
GL Makeup

Participant

October 9, 2018 at 12:24

Dear Rose,

I am sorry but I don’t understand it.

In the custom.css file there is a part at once already

.footer-top.footer-top-3, .footer.footer-bottom-3, .footer.footer-bottom-2 {
background: #1a1a1a;
color: #1a1a1a;
}

And there are no other .footer-top.footer-top-3, .footer.footer-bottom-3, .footer.footer-bottom-2

Please check on my site.

And could please help also change alert message background color to #ab8c62

Thank you very much

#200755 Copied

Rose Tyler

Support staff

October 9, 2018 at 13:00

You need to change position of this code http://prntscr.com/l3z48z in the custom.css. It is inside media query @media(min-width: 1200px) { }, so try to put it here http://prntscr.com/l3z5ec
Also, make sure that the media query was closed in correct place of code. Likely your code for the alert message inside of the query also.

Regards

#200761 Copied

GL Makeup

Participant

October 9, 2018 at 13:32

Dear Rose,

I cut the code and place here but does not work.

https://prnt.sc/l3zn4o

Thank you 🙂

#200766 Copied
Rose Tyler

Support staff

October 9, 2018 at 13:57
As I see, the code works fine. Please clear cache and check one more time http://prntscr.com/l4016h
Position of this code needs to be changed also
```
.copyright.copyright-3, .copyright.copyright-2 {
    background: #000;
    border-top: 1px solid #000;
    color: #000;
}
```
Regards
#200771 Copied
Viewing 10 results - 1 through 10 (of 10 total)