Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #292792
    Hans
    Participant

    Hello Skandha,

    You gave me very beautiful code to give one page in a different color. Now one asks if it is possible to get more then one page in the same color. Is that possible? I tried some things to see if I can make a solution myself, but the result was or a total white page or all pages in a different color.
    If it is not possible, it is no big deal. You cannot have it all.

    Kind regards

    Hans Hagmeijer

    #292809
    Skandha
    Keymaster

    @toerfiets: Hello there,
    Yes, that is possible. Let me know on which pages you want the same color.

    Kind Regards,
    Skandha

    #292835
    Hans
    Participant

    Hello Skandha,

    Thank you for reaction.
    Page id’s are 1142, 1049 and 1189.
    Maybe there are more in future, but I think I can do this when I see this example.

    Kind regards

    Hans Hagmeijer

    #292884
    Skandha
    Keymaster

    @toerfiets: Hello Hans,
    Please try using the following CSS Code.

    .page-id-1085 #content, .page-id-1085 #site-generator,
    .page-id-1142 #content, .page-id-1142 #site-generator,
    .page-id-1049 #content, .page-id-1049 #site-generator,
    .page-id-1189 #content, .page-id-1189 #site-generator {
        background: #ffc90d;
    }
    .page-id-1085 #header-top,
    .page-id-1142 #header-top,
    .page-id-1049 #header-top,
    .page-id-1189 #header-top {
        background-color: #ffc90d;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #292920
    Hans
    Participant

    Hello Skandha,

    This worked fine and I can edit the next pages in the wished color. Thank you for that.

    There is only one problem stayed.
    I wanted to delete the gap between header and content in more then one page.
    You gave me the code:

    /* To get rid of the gap between menu and the image */
    .page-id-1085
    #header-content,
    { display: none;
    }

    for one page it worked fine.
    When I try to add the next pages I failed.
    I add to the CSS:

    /* To get rid of the gap between menu and the image */
    .page-id-1085
    #header-content,
    .page-id-1049
    #header-content
    { display: none;
    }

    And it seems to be a problem for Safari on the Mac, because if I use the Opera browser, it is no problem.

    I wonder: what do I do wrong. I added a new page the same way as in the color codes.

    The result: if I hover over the main menu: the sub-menu items dissapear.
    If there is no solution for it: no big deal.
    If there is, it should be beautiful.

    Kind regards

    Hans Hagmeijer.

    #292949
    Skandha
    Keymaster

    @toerfiets: Hello Hans,
    Can you try replacing display: none; with display: none !important;?

    Let me know if this works out!
    Kind Regards,
    Skandha

    #292954
    Hans
    Participant

    Hello Skandha,

    That solution dit not work. The strange thing is: the first two times I hover over the sub-menu items, all is well. The following time the sub menu items disappear.

    If there is no solution for this: the gap will be a little bigger. SO: if you are busy, look later to this.

    Kind regards

    Hans Hagmeijer

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