Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • July 19, 2019 at 3:34 pm #1120230
    sony1208

    Hello.
    How to make a different color style on individual pages / posts / products?
    For example:
    On the “page id-80 / post id-112 / product id-15” menu, footer and buttons (contact form and other) of the site will iment the green background color, while all other pages on the site have the blue background color of the menu, footer and buttons. Font color everywhere is white.

    July 19, 2019 at 5:24 pm #1120283
    Victoria

    Hey sony1208,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    July 19, 2019 at 8:31 pm #1120336
    sony1208

    Need to make the page and subpage in the same red color style of menu, buttons and footer, different from the rest of the pages on the site.

    July 21, 2019 at 11:47 am #1120595
    Victoria

    Hi sony1208,

    I am not seeing the red color style, what are you referring to?

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    July 21, 2019 at 12:02 pm #1120599
    sony1208

    Hi Victoria.
    Color can be any. The main thing is that on a specific page the background color of the menu, the color of the buttons on the page and the background color of the footer should be different (red) from the colors of the menu, buttons and basement in the rest of the site (white).

    July 21, 2019 at 1:22 pm #1120619
    Victoria

    Hi sony1208,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.page-id-3142 #footer, .page-id-3142 #socket, #top.page-id-3142 #header {
    background-color: red;
}
.page-id-3142 .avia-buttonrow-wrap a {
     background-color: red;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 21, 2019 at 1:49 pm #1120632
    sony1208

    It works partially.
    I also need the menu itself to be “red” in the desktop and mobile versions, and not just the background behind it.

    July 21, 2019 at 6:33 pm #1120677
    Victoria

    Hi sony1208,

    Red menu on red background?

    Can you make a mockup or what you’re trying to achieve?

    Best regards,
    Victoria

    July 22, 2019 at 2:18 pm #1120848
    sony1208

    The proposed code changes the color of the menu not to red, but to pale red. It is necessary to cover the entire menu with one color.
    For example https://cloud.mail.ru/public/naCk/Wa5Xcb3d6

    July 22, 2019 at 5:10 pm #1120949
    Victoria

    Hi sony1208,

    Best regards,
    Victoria

    July 23, 2019 at 12:14 am #1121047
    sony1208

    Hi Victioria,

    • This reply was modified 5 years, 5 months ago by sony1208.
    July 24, 2019 at 7:06 pm #1121691
    sony1208

    Hi, Victoria.
    How to remove spaces from the menu on the sides when we use https://kriesi.at/documentation/enfold/example-of-logo-left-widgets-right-menu-below/#toggle-id-2 and stretch the menu to the full width of the screen??

    • This reply was modified 5 years, 5 months ago by sony1208.
    July 25, 2019 at 10:23 pm #1121983
    Basilis

    Hi,

    can you show us with a screenshot exactly what you need to do please?

    Best regards,
    Basilis

    July 26, 2019 at 3:27 pm #1122179
    sony1208

    Hello.
    Link in “Private Content”.

    August 1, 2019 at 2:54 am #1123699
    Vinay

    Hi,

    Thank you for sharing the details.

    I checked your mockup but the header layout in the example looks completely different from the current header on the site. Please confirm that you like to change the current header (screenshot attached)

    Best regards,
    Vinay

    August 1, 2019 at 8:46 am #1123799
    sony1208

    Good day.
    A basic theme has been activated. Now a child-theme is activated and everything is visible.

    August 6, 2019 at 10:21 pm #1125296
    Basilis

    Hi,

    So everything works for you?

    Best regards,
    Basilis

    August 8, 2019 at 8:34 am #1125815
    Vinay

    Hi,

    Thank you for sharing the details.

    I was able to check your site backend and your design. Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Vinay

    August 10, 2019 at 8:40 pm #1126534
    sony1208

    Thank you.
    Please close the topic.

    August 11, 2019 at 5:23 am #1126583
    Rikard

    Hi,

    Thanks for the update, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Individual color style on pages’ is closed to new replies.