-
AuthorPosts
-
jimcapraro Friend
jimcapraro
- Join date:
- September 2008
- Posts:
- 109
- Downloads:
- 8
- Uploads:
- 2
- Thanks:
- 22
- Thanked:
- 4 times in 1 posts
November 12, 2015 at 3:42 pm #723971I need to change the opacity on the homepage “category” tiles so the backgroound picture shows through more. I’ve looked at the fixel – themes – blue – template.css file but there are so many places to set opacity I can’t find the correct one. Can you help.
Site is located at: http://northrivercommission.org/nrc2/
thanks Jim Capraro
pavit Moderator
pavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
November 12, 2015 at 4:02 pm #724017Hi
Try this
create a new file if you do not have already one and name it custom.css in this folder templatesja_fixelcss
.category-item.items.none:hover .category-desc {
opacity:0.3!important;
}change the value for opacity as you prefer 0.4 – 0.5 etc etc
1 user says Thank You to pavit for this useful post
pavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
November 12, 2015 at 4:02 pm #754409Hi
Try this
create a new file if you do not have already one and name it custom.css in this folder templatesja_fixelcss
.category-item.items.none:hover .category-desc {
opacity:0.3!important;
}change the value for opacity as you prefer 0.4 – 0.5 etc etc
1 user says Thank You to pavit for this useful post
jimcapraro
- Join date:
- September 2008
- Posts:
- 109
- Downloads:
- 8
- Uploads:
- 2
- Thanks:
- 22
- Thanked:
- 4 times in 1 posts
November 12, 2015 at 5:37 pm #724029Thanks pavit. This gets me closer. The code you have given me changes the opacity of the tile when hovering on it. I need to change the default opacity of the tile when the cursor is not hovering over it. Can you suggest the code for that please?
Again thank you.
Jim Capraro
jimcapraro
- Join date:
- September 2008
- Posts:
- 109
- Downloads:
- 8
- Uploads:
- 2
- Thanks:
- 22
- Thanked:
- 4 times in 1 posts
November 12, 2015 at 5:37 pm #754421Thanks pavit. This gets me closer. The code you have given me changes the opacity of the tile when hovering on it. I need to change the default opacity of the tile when the cursor is not hovering over it. Can you suggest the code for that please?
Again thank you.
Jim Capraro
pavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
November 12, 2015 at 5:54 pm #724031Hi
The default background color is given by a background value anyway you can add an opacity value to it with this line of code in your custom.css
.category-item.items.none .category-desc {
opacity:yourvalue;
}1 user says Thank You to pavit for this useful post
pavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
November 12, 2015 at 5:54 pm #754423Hi
The default background color is given by a background value anyway you can add an opacity value to it with this line of code in your custom.css
.category-item.items.none .category-desc {
opacity:yourvalue;
}1 user says Thank You to pavit for this useful post
jimcapraro
- Join date:
- September 2008
- Posts:
- 109
- Downloads:
- 8
- Uploads:
- 2
- Thanks:
- 22
- Thanked:
- 4 times in 1 posts
November 12, 2015 at 6:48 pm #724044That’s what I need, thanks so much!
jimcapraro
- Join date:
- September 2008
- Posts:
- 109
- Downloads:
- 8
- Uploads:
- 2
- Thanks:
- 22
- Thanked:
- 4 times in 1 posts
November 12, 2015 at 6:48 pm #754436That’s what I need, thanks so much!
jimcapraro
- Join date:
- September 2008
- Posts:
- 109
- Downloads:
- 8
- Uploads:
- 2
- Thanks:
- 22
- Thanked:
- 4 times in 1 posts
November 12, 2015 at 10:12 pm #724069Pavit, I hope you don’t mind one additional quesiton. The homepage “category” tiles which I’ve adjusted the opacity on have titles which are the names of the categories. If I decrease the opacity too much the titles become hard to read I’m wondering if there is a css code I can enter that will make the backgroun of the title ONLY 100% opaque? Is there such a code?
jimcapraro
- Join date:
- September 2008
- Posts:
- 109
- Downloads:
- 8
- Uploads:
- 2
- Thanks:
- 22
- Thanked:
- 4 times in 1 posts
November 12, 2015 at 10:12 pm #754461Pavit, I hope you don’t mind one additional quesiton. The homepage “category” tiles which I’ve adjusted the opacity on have titles which are the names of the categories. If I decrease the opacity too much the titles become hard to read I’m wondering if there is a css code I can enter that will make the backgroun of the title ONLY 100% opaque? Is there such a code?
pavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
November 13, 2015 at 5:57 am #724100Hi
<blockquote>backgroun of the title ONLY 100% opaque?</blockquote>
If you mean totally hide it then add this code to the custom.css file
.layout-home .fixel-grid .category-item.items > article .page-header a, .fixel-grid .category-item.items.none > article .page-header a, .category-item > article .page-header a {
opacity:0;
}1 user says Thank You to pavit for this useful post
pavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
November 13, 2015 at 5:57 am #754483Hi
<blockquote>backgroun of the title ONLY 100% opaque?</blockquote>
If you mean totally hide it then add this code to the custom.css file
.layout-home .fixel-grid .category-item.items > article .page-header a, .fixel-grid .category-item.items.none > article .page-header a, .category-item > article .page-header a {
opacity:0;
}1 user says Thank You to pavit for this useful post
-
AuthorPosts
This topic contains 13 replies, has 2 voices, and was last updated by 
We moved to new unified forum. Please post all new support queries in our New Forum