Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 25, 2019 at 1:09 pm #1159851
    hankboomer

    dear all,

    i read few threads related to background colors to change in few pages (not for the full them), and i saw a mall code to add to CSS in the Enfold – general styling page :

    .page-id-XXXXX #main .main_color, .page-id-XXX #main .main_color .container {
    background: white;
    }

    my questions (i am not a wordpress or website manager professional) :

    1 – is the XXX the name of the page ?
    2 – shall we write in letter the desired backgound of the page (here white) instead of a code #ffffff ?
    3 – is it techincally complicated to add an option in the advanced layout design page that allows to chose simply the color for each page ?

    thank you for your help

    November 25, 2019 at 6:33 pm #1159956
    Victoria

    Hey Hank,

    https://cl.ly/180b851ff482 It is a page id class that is added to the body.

    2. It does not matter if you use letters or codes for colors, any browser will understand either.

    3. Yes, it adds to the complexity of the Theme options and it can be done with the css anyway.

    Do you need any help with it?

    Best regards,
    Victoria

    November 26, 2019 at 11:10 am #1160254
    hankboomer

    hi Victoria, thank you for your message.
    i would be very happy to learn how to fix my little problem, i actually want to give my “team bio” page an pale orange color when they pop up. You can see in the private content the team member page with all the employees, this very page should keep a white background, the idea is to give another colour only to each bio page.

    is this manageable trough the CSS general styling block ?

    November 29, 2019 at 2:18 pm #1161230
    Mike

    Hi,
    Sorry for the late reply, I believe you can target these individual team pages with this css,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.parent-pageid-4155 #wrap_all #main .main_color.container_wrap {
	background-color: orange !important;
}

    Since all of these team pages are child pages to “4155” you can use the class .parent-pageid-4155 instead of the page id of each page.
    After applying the css, Please clear your browser cache and any cache plugin and check.
    Also try disabling Enfold Theme Options > Performance > JS & CSS file merging and compression temporarily to clear the built-in file merging and compression.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.