how can I change the default color displayed in Big Grid 1?

Posted in: Newspaper
Post count: 148

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

Post count: 27

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

Post count: 22421

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!

Post count: 148

Thanks lot Aron,

Please guide me where can I find “style.css”

Post count: 22421

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!

Post count: 148

Thanks.Bogdan

Post count: 148

Hi Bodgan,
It is showing error. Please have a look
http://screencast.com/t/DqdkWzKrUA

Post count: 22421

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!

Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.