-
AuthorPosts
-
simplesite Friend
simplesite
- Join date:
- August 2013
- Posts:
- 155
- Downloads:
- 0
- Uploads:
- 57
- Thanks:
- 20
- Thanked:
- 4 times in 1 posts
September 24, 2013 at 1:27 pm #190876Hello,
Another css question. How can I change the color of jshopping category description background? When I add a description it doesn’t look good. :
http://going-natural.com/jfixel/index.php/shop/all-categories/natural-hair-products-for-twist-outs
swissa Friendswissa
- Join date:
- November 2011
- Posts:
- 1955
- Downloads:
- 7
- Uploads:
- 277
- Thanks:
- 175
- Thanked:
- 717 times in 572 posts
September 24, 2013 at 3:51 pm #506887You mean the white background or the green background when you hover?
file is going-natural.com/jfixel/components/com_jshopping/css/fixel.css
To change the white background go to line 11 and change the background to the colour of your choice
.jshop_list_category .jshop_categ .category {
background: #fff
margin-right: 2px;
min-height: 300px;
}
to change the hover colour go to line 17
.jshop_list_category .jshop_categ .category:hover {
background: #26c8a1
color: #fff
}
you can change the background and the text colour.simplesite Friendsimplesite
- Join date:
- August 2013
- Posts:
- 155
- Downloads:
- 0
- Uploads:
- 57
- Thanks:
- 20
- Thanked:
- 4 times in 1 posts
September 24, 2013 at 4:45 pm #506893No I mean the background where you see the images. That is the category description but a closer look tells me that the text may become invisible because it’s white. Help!
swissa Friendswissa
- Join date:
- November 2011
- Posts:
- 1955
- Downloads:
- 7
- Uploads:
- 277
- Thanks:
- 175
- Thanked:
- 717 times in 572 posts
September 24, 2013 at 6:47 pm #506900To change the whole of the underlying jshop background go to the same file I mention above and add the following code to the end of the file. this will affect all jshop views so test it……
.jshop { background: white;
}You can pick the background colour you want. If you loose the heading you can change the colour of it at line 1581
.jshop h1 {
- color: #333
- line-height: 1;
- margin: 0 0 20px;
- padding: 0 0 15px;
- font-size: 29px;
}
Hope that helps
1 user says Thank You to swissa for this useful post
AuthorPostsViewing 4 posts - 1 through 4 (of 4 total)This topic contains 4 replies, has 2 voices, and was last updated by swissa 11 years, 3 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Change background color
Viewing 4 posts - 1 through 4 (of 4 total)