I have selected BIG GRID 1
– Selected Grid Style 4 -Bottom box
Please refer my home page design
http://screencast.com/t/PjeeIrk2
1. Can I change the color of this back ground ? As of now this is light blue ?
2. Can I also change the opacity (in term of % ) of this back ground wise?
This is my existing live blog (fitlogy.com ) which is on other theme.I am migrating the domain to magazine theme.
Hence, I want similar color and design
my existing live blog- translucent opacity
http://screencast.com/t/nrjYJNdjTG
Hi,
Search the “.td-grid-style-4 .entry-title” in style.css
Edit the property “background-color:” to the color you want.
The opacity is set in the same property.
Example: background-color: rgba(0, 102, 153, 0.7);
0,102,153 is the rgb color code.
0.7 is the opacity.
Good luck
Hi,
The background color is grabbed from the theme accent color you set in the colors section of the theme panel. For a custom color you can use css as @Aronfly described.
Alternatively you can add the code in the theme panel custom css box to not have to edit style.css on every update.
Thank you!
Thanks lot Aron,
Please guide me where can I find “style.css”
Hi,
Style.css is in the main theme folder, but any css modification is easier to make in the theme panel-> custom css box.
Try to add this code in the custom css box in the theme panel:
.td-grid-style-4 .entry-title{
background-color: rgba(0, 102, 153, 0.7)!important;
}
Thank you!
Hi Bodgan,
It is showing error. Please have a look
http://screencast.com/t/DqdkWzKrUA
Hi,
That is not an error but a simple warning. every time you use !important in your css code this warning will show up, but it can be ignored as it warns us not to use !important unless it;s absolutely necessary. you can remove the !important tag if you want and check if the code works without it. We usually add it as css needs to re-write the previous code and sometimes it cannot without !important so we add it in. Try it like so and if it works the error will be gone. If it does not, then simply ignore the message:
.td-grid-style-4 .entry-title{
background-color: rgba(0, 102, 153, 0.7);
}
Thank you!
