Hi,
I’m trying the change the background to one colour on the Unwind Theme using the SiteOrigin CSS editor but there are still 4 white corners which don’t show in the visual editor so I’m unable to select and change them.
Have a screen shot but not sure how to upload.
Any help would be much appreciated.
Thanks!
John
Hi John
Thanks for posting your question.
Do you have a public URL where we can take a look at what’s going on? That’ll be the most helpful.
You can use imgur.com or any cloud site for sharing images.
Hi Andrew,
Thanks for getting back. Here’s a link. Does that work?
4076a57b0507.ngrok.io
All the best,
John
Thanks for the link.
Try adding the following to CustomizeAdditional CSS orAppearanceCustom CSS if you’re using SiteOrigin CSS.
#masthead .top-bar, #masthead .sticky-bar { background: red; }Change
redto your required hexadecimal color value.Thanks Andrew!
that works nicely. Is there a way to select those corners in the CSS editor?
Also, is it possible to set the background colour for all sub menus? At the moment I can only do it one by one in the CSS Editor.
All the best,
John
Hi John
I’m glad to hear you’re making progress.
Sorry, which corners? I can’t check the site.
When adjusting the drop-down menu background there is a long list of selectors that appear in a row next to the magnifying glass icon. Select
sub-menu. At the moment, you’re selecting classes further down the cascade.Hi Andrew,
Thanks, that’s worked. I was referring to the corners in my original question. I guess I may have also been selecting sub classes but the white corners were off screen in the editor and only became visible once you saved and viewed the home page. I was wondering if there is a way to set the editor so that you can see each page as it looks once it’s published?
Also, one last question if you don’t mind?
is it possible to change the colour of the horizontal lines that run under the top bar, frame the main menu and that divide the posts? Basically all the long horizontal lines on the site.
Here’s a link to my website again. The old link must have expired
b12f93a879b0.ngrok.io
Best wishes,
John
Hi John
On this page Page: CSS Snippets please, see the heading “Remove All Layout Related Decorative Borders”. That rule can be edited, you can remove
border: none;and instead useborder-color.https://www.w3schools.com/cssref/pr_border-color.asp
If you can take a screenshot of the issue you’re seeing in the editor, that’ll be helpful. How it looks in the editor and then how it looks live. You can upload the screenshots to imgur.com or similar and send us the link. Thanks.
Hi Andrew,
Great! that worked for all border line apart from the one above the main menu. What do I need to add to include that please?
Here’s a new link to the site.
6b8788cc3233.ngrok.io
Many thanks,
John
Hi John, thanks for the update. The link isn’t working for me, if you could perhaps send an updated link I’ll take a look.
Sorry about that. This should work. 6b8788cc3233.ngrok.io
The same result, unfortunately.
Tunnel 6b8788cc3233.ngrok.io not found.Hi Andrew,
I’ve posted several times in reply but my posts have been saved for some reason.
Here’s a new link
Cm7RZsnp&Ce(xK1@
Thanks,
John
Seems to have worked this time but I had to use a different browser
Sorry Andrew, the code above is for something else. It seems I’m no longer able to post my website links. Is the system blocking them?
Not that I can see, sorry, not sure what the issue is. Perhaps try again?
When I post the link my browser seems to refresh. My post isn’t visible but when I try again I get a duplicate content error
Still not allowing me to post the website link so here’s a link to a screen shot instead https://i877.photobucket.com/albums/ab340/jtm78/Screen%20Shot%202020-07-10%20at%2014.46.23.png
Hi John, I’ve updated the snippet in the documentation to:
#masthead, #masthead .top-bar, .header-design-2 #masthead .top-bar, .archive-entry, #colophon.footer-active-sidebar, .post-navigation, .comment-reply-title, #colophon .site-info { border-color:red; }We aren’t usually able to offer Custom CSS changes within our free support scope but in this case, we’ve done so as a documentation update task.
Yes, completely understand. All your help has been amazing! Just added the above but unfortunately the line above the main menu is still silver? Any Ideas? Still not able to post a link to my site unfortunately
Can you perhaps add the site URL to a text file on Dropbox or Drive etc. and send me a link to that?
Morning Andrew,
Hope you’ve had a good weekend.
I’ve added a text doc to google drive as you suggested.
https://drive.google.com/file/d/1cctM50n0wxMCWIlxqQem6DZwP3Hi_YPh/view?usp=sharing
Thanks,
John
Thanks, John :) I’ve updated the snippet to:
#masthead, #masthead .top-bar, #masthead .main-navigation-bar, .header-design-2 #masthead .top-bar, .archive-entry, #colophon.footer-active-sidebar, .post-navigation, .comment-reply-title, #colophon .site-info { border-color: red; }Amazing! that’s done the job. I think you guys are doing a great job at SiteOrigin. Really well thought out plugins and themes. Many thanks for all your help
Super, I’m glad to hear that helped and you’re making progress with your site. Thanks for your support. Cheers for now :)