Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 2, 2018 at 7:37 pm #892575
    alexandervellguth

    Hey,

    I am trying to change the background color of the bottom section on certain pages. (URL in private content)

    I cant find the css selector via “inspect element” in my browser as it seems to appear below the closing body tag. When I change the socket bg color in the general styling tab, it works. Since I do not want to have the same color on all pages, I want to change it via Quick CSS using page ids.

    I tried:

    #socket {
    background-color: #fff !important;
    }

    Unfortunately, this does not work.

    Any ideas?

    Second issue:

    I am trying to place the logo in the bottom right corner on every page. On most pages it worked. However I dont get it working on the references page. I want it to be sticky and visibile at all time.

    Many thanks in advance :)

    January 4, 2018 at 5:14 am #893079
    Rikard

    Hey alexandervellguth,

    This CSS is working on my end when I inspect the second page you linked to:

    .page-id-80 #socket {
  background:red !important;
}

    Best regards,
    Rikard

    January 4, 2018 at 11:59 am #893202
    alexandervellguth

    Hey,

    yes. But it does not work for the first link. I need to change the color of the socket of all portfolio items and the overview page…

    The second link is for the second issue.

    January 5, 2018 at 6:01 am #893558
    Rikard

    Hi,

    Thanks for the feedback, please try this as well:

    .portfolio-template-default #socket {
  background:green !important;
}

    Best regards,
    Rikard

    January 5, 2018 at 10:07 am #893637
    alexandervellguth

    Hey,

    unfortunately it does not work…

    Since this issue is getting more and more urgent, I kindly ask you to use the provided login credentials and check the code, before you post it.

    I also need an advice for my second issue. Many thanks in advance,

    best regards,

    Alex

    January 5, 2018 at 11:00 am #893667
    Rikard

    Hi,

    Please try this instead, since you’re not actually using the socket on those pages:

    .portfolio-template-default #sub_menu1 {
  background-color: green !important;
}

    Best regards,
    Rikard

    January 5, 2018 at 11:09 am #893672
    alexandervellguth

    Hey this only changes the background color of the menu, but not the whole section…

    January 6, 2018 at 4:28 pm #894114
    Victoria

    Hi alexandervellguth,

    Looks green end to end on my side. Can you please attach a screenshot of what it looks like on your end? And which browser are you using?

    Best regards,
    Victoria

    January 9, 2018 at 10:54 am #895171
    alexandervellguth

    Hello Victoria,

    as written in my first post, it do not want it to be green. I want it to have the same background color as the rest of the page. In this case white.

    Please see the attached image.

    Best regards,

    Alex

    January 12, 2018 at 10:16 am #896482
    Ismael

    Hi,

    Thank you for the info. It’s the background color of the html tag. Please use the following css code.

    html {
    background-color: #ffffff;
}

    Best regards,
    Ismael

    January 15, 2018 at 11:57 am #897483
    alexandervellguth

    Hey, this works. However, I am not able to do the changes for certain page ids only. is there a trick to limit it to certain pages?
    Many thanks in advance :)

    January 15, 2018 at 4:27 pm #897615
    Nikko

    Hi,

    Yes, you can use google web inspector or firefox’s firebug and right click and inspect the page and look for the body tag, you should see a class name that should look like this page-id-xx, that classname is unique in every page. Hope it helps :)

    Best regards,
    Nikko

    January 15, 2018 at 5:32 pm #897642
    alexandervellguth

    Hello Nikko,

    I have been using page ids in the past and it has always worked. Are you sure that it works together with the html tag?

    I tried .page-id-78 html {
    …} and html .page-id-78 { …

    As soon as I add the page id, it does not work anymore…

    January 15, 2018 at 6:07 pm #897659
    Nikko

    Hi,

    Try using this code instead:

    .page-id-78 {
    background-color: #ffffff;
}

    Hope this helps :)

    Best regards,
    Nikko

    January 15, 2018 at 6:25 pm #897666
    alexandervellguth

    No, does not work..

    January 16, 2018 at 5:28 am #897877
    Nikko

    Hi,

    Can you try this one instead:

    html.html_entry_id_78 {
    background-color: #ffffff;
}

    Hope this helps.

    Best regards,
    Nikko

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