-
AuthorPosts
-
January 2, 2018 at 7:37 pm #892575
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 #893079Hey 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,
RikardJanuary 4, 2018 at 11:59 am #893202Hey,
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 #893558Hi,
Thanks for the feedback, please try this as well:
.portfolio-template-default #socket { background:green !important; }
Best regards,
RikardJanuary 5, 2018 at 10:07 am #893637Hey,
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 #893667Hi,
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,
RikardJanuary 5, 2018 at 11:09 am #893672Hey this only changes the background color of the menu, but not the whole section…
January 6, 2018 at 4:28 pm #894114Hi 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,
VictoriaJanuary 9, 2018 at 10:54 am #895171Hello 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 #896482Hi,
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,
IsmaelJanuary 15, 2018 at 11:57 am #897483Hey, 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 #897615Hi,
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,
NikkoJanuary 15, 2018 at 5:32 pm #897642Hello 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 #897659Hi,
Try using this code instead:
.page-id-78 { background-color: #ffffff; }
Hope this helps :)
Best regards,
NikkoJanuary 15, 2018 at 6:25 pm #897666No, does not work..
January 16, 2018 at 5:28 am #897877Hi,
Can you try this one instead:
html.html_entry_id_78 { background-color: #ffffff; }
Hope this helps.
Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.