Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 7, 2020 at 11:27 pm #1265637
    schweg33

    hello together
    so I set the background mobile to a different background color:

    /*mobil background change*/
    @media only screen and (max-width: 767px){ .main_color, .footer_color{ background:#cccccc!important; }}

    for example, I can use the page number
    3982 and for page number 3972
    mobile a different background color?

    thanks

    best regards
    Franz

    December 7, 2020 at 11:51 pm #1265642
    Jordan Shannon

    Hey schweg33,

    This should be possible. Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    December 8, 2020 at 8:38 am #1265699
    schweg33

    Hello Jordan
    The page is still under construction

    Below the link

    Thanks a lot

    kind regards
    Franz

    And that I might be able to add another page with different background color

    December 8, 2020 at 9:05 am #1265700
    schweg33

    Hello Jordan
    I have one more addendum

    If you could simply change the background color of the PC on different pages, then the color would also be right for mobile use?

    kind regards
    Franz
    Franz

    December 13, 2020 at 11:52 pm #1266960
    Mike

    Hi,
    Sorry for the very late reply and thanks for the links. To adjust your css for a certain page you can add the page ID like this

    @media only screen and (max-width: 767px){ 
	#top.page-id-3982 .main_color, #top.page-id-3982 .footer_color{ background:#cccccc!important; }
}

    As for your last question, you can change the background color for mobile only, or desktop only, or both.
    The css above is for mobile only, this would be for tablet & desktop only:

    @media only screen and (min-width: 768px){ 
	#top.page-id-3982 .main_color, #top.page-id-3982 .footer_color{ background:#cccccc!important; }
}

    this would be for both:

    
	#top.page-id-3982 .main_color, #top.page-id-3982 .footer_color{ background:#cccccc!important; }

    I hope this answers your question.

    Best regards,
    Mike

    December 14, 2020 at 9:08 am #1267042
    schweg33

    Thank you Mike

    that fits great
    one more question

    I can specify several pages together

    thank you

    kind regards
    Franz

    December 14, 2020 at 2:41 pm #1267159
    Mike

    Hi,
    Yes you can, in css rules a comma is used between rules so to have more than one page in this rule you would write it like this:

    #top.page-id-3982 .main_color, #top.page-id-3982 .footer_color,
#top.page-id-3972 .main_color, #top.page-id-3972 .footer_color,
#top.page-id-4007 .main_color, #top.page-id-4007 .footer_color
{ background:#cccccc!important; }

    Best regards,
    Mike

    December 15, 2020 at 8:21 am #1267385
    schweg33

    hello mike
    this is great
    you can close this request

    thank you
    kind regards
    Franz

    December 15, 2020 at 9:24 am #1267395
    Nikko

    Hi Franz,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘background div page’ is closed to new replies.