Custom Coding for Background Image
-
Hi! I am currently using the Obsidian theme on my site, but plan on switching to Pique. Is there a way to add CSS in Pique for the background image like I was able to in Obsidian? I used CSS to replace the background with images on a few pages. Here is an example: https://orchidaffairs.com/contact/.
Thank you!The blog I need help with is: (visible only to logged in users)
-
Hi, so Pique has its own built-in backgrounds to different panels; no CSS required. Is that what you’re looking for, like it is in this demo?
https://piquedemo.wordpress.comAlso it’s designed as a “one page” theme. The inner pages have plain backgrounds, it seems, but you could add CSS for those so long as your plan supports it.
-
Hello I tried adding the css for the background on an inner page and it did not update. Here is the code. Can you please take a look?
.page-id-3 .obsidian-background-overlay {
background-image: url(‘https://orchidaffairs.com/wp-content/uploads/2018/05/adobestock_143805428.jpeg’);
opacity: .2;
} -
That code wasn’t working, because it included the class
.obsidian-background-overlay, and that class doesn’t exist in Pique. It looks like you’ve since removed that class from your CSS, and I can now see your background image on the Contact page, so it looks like you’ve figured it out.Let us know if you need help with anything else, though also keep in mind that your Business Plan gives you access to 24/7 live chat support for help with questions like these at https://wordpress.com/help/contact
-
Hello – I chatted with support and was able to update the CSS. If you have another helpful css code I’d be happy to try it. Thank you!
-
If you have added a CSS that does what you wanted, there is no reason to add anything else :)
If you need more help, I recommend jumping into live chat again, it’s a faster way of getting support.
- The topic ‘Custom Coding for Background Image’ is closed to new replies.
WordPress.com Forums 