- AuthorPosts
- December 8, 2020 at 2:53 pm #32017Marc CepedaGuest
I am loving BoldGrid and the Wedge theme, but there’s one thing I can’t seem to figure out. On the home page, there are two angled “objects” on either side of the top of the page. Are these images? If so, where are the files located? If they’re CSS elements, is it possible to change their attributes, specifically their color?
Thanks!
December 8, 2020 at 3:08 pm #32027Joseph WKeymasterHi Marc!
The angled objects at the top of the home page in the Wedge theme are CSS pseudo elements and their design can be altered with Custom CSS in your website Customizer.
You can target the element on the left with the body:before selector and the right one with body:after. The angled shapes of those elements are created using colored and transparent borders applied to the pseudo elements and if you want to change the color of both then you can use the border-top-color property. Here is an example snippet that you could use to adjust the color of those elements with a single rule:
body:before, body:after { border-top-color: rgba( 100 , 100 , 100 , 0.5 ); }
The first three numbers in that rule are RGB values (Red, Green, Blue) on a scale of 0 to 255, and the fourth one is the transparency value which uses a 0 to 1 scale.
I hope that this helps you make the design adjustments that you need and please let us know if you have any other questions for us!
December 11, 2020 at 4:10 pm #32150Marc CepedaGuestThank you so much for the response. I feel so silly now, but looking back at my site, I forgot that I had changed the theme I was using to Venetian. So the angled objects are the large triangular shapes flanking the masthead on the homepage. Anyhow, your initial reply still applied.
Thanks again! 😀
- AuthorPosts
- The topic ‘Color or Image of Angled Graphic in Wedge’ is closed to new replies.