Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

I want gradient on header of "Shopping Options"

 
Closed Thread
   X-Cart forums > X-Cart 5 > Dev Questions (X-Cart 5)
 
Thread Tools Search this Thread
  #1  
Old 02-09-2016, 09:05 AM
 
Ridgeway1 Ridgeway1 is offline
 

Member
  
Join Date: Jan 2016
Posts: 25
 

Default I want gradient on header of "Shopping Options"

I would like a gradient on the header of the "Shopping Options" portion on the left of the site. I want it to be the same as the "New Arrivals" header, etc. Web Page



This is how I entered it into custom css:
---------------------------------------------------------------------
.sidebar .block.block-shopping-options .head-h2 {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background: #efe9e2;
background: -moz-linear-gradient(top, #efe9e2 0%, #d0c2b1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efe9e2), color-stop(100%,#d0c2b1));
background: -webkit-linear-gradient(top, #efe9e2 0%,#d0c2b1 100%);
background: -o-linear-gradient(top, #efe9e2 0%,#d0c2b1 100%);
background: -ms-linear-gradient(top, #efe9e2 0%,#ed0c2b1 100%);
background: linear-gradient(to bottom, #efe9e2 0%,#d0c2b1 100%);
filter: progidXImageTransform.Microsoft.gradient( startColorstr='#efe9e2', endColorstr='#d0c2b1',GradientType=0 );
}
---------------------------------------------------
What I entered is not working... Any ideas on how to get this to work?

Thanks.
__________________
Version No: 5.2.10

Go Social
Color Schemes:
Shipping:

Product filter module

Disable Drag’n’drop add to cart

Theme Tweaker

Wholesale

Contact us

Sales tax
Color schemes

Coupons

Custom product tabs.

Featured products

News

Pitney Bowes International

Product Advisor

Product Reviews

Product Variants

Webmaster Kit
  #2  
Old 02-09-2016, 09:01 PM
  qualiteam's Avatar 
qualiteam qualiteam is offline
 

X-Guru
  
Join Date: Dec 2010
Posts: 6,373
 

Default Re: I want gradient on header of "Shopping Options"

Try this:
Code:
body .sidebar .block.block-product-filter .head-h2 { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background: #efe9e2; background: -moz-linear-gradient(top, #efe9e2 0%, #d0c2b1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efe9e2), color-stop(100%,#d0c2b1)); background: -webkit-linear-gradient(top, #efe9e2 0%,#d0c2b1 100%); background: -o-linear-gradient(top, #efe9e2 0%,#d0c2b1 100%); background: -ms-linear-gradient(top, #efe9e2 0%,#ed0c2b1 100%); background: linear-gradient(to bottom, #efe9e2 0%,#d0c2b1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe9e2', endColorstr='#d0c2b1',GradientType=0 ); padding: 14px 20px 14px 20px; margin: 0px; border-color: #9c8167; } body .sidebar .product-filter .block { padding-top: 0; }
__________________
Alex Solovev,
Qualiteam

---

User manual Video tutorials X-Cart FAQ

You are welcome to press "Thanks" button
if you find this post useful

Click here to learn how to apply patches

X-Cart Extensions
  #3  
Old 02-10-2016, 07:09 AM
 
Ridgeway1 Ridgeway1 is offline
 

Member
  
Join Date: Jan 2016
Posts: 25
 

Default Re: I want gradient on header of "Shopping Options"

This worked great, thank you.
__________________
Version No: 5.2.10

Go Social
Color Schemes:
Shipping:

Product filter module

Disable Drag’n’drop add to cart

Theme Tweaker

Wholesale

Contact us

Sales tax
Color schemes

Coupons

Custom product tabs.

Featured products

News

Pitney Bowes International

Product Advisor

Product Reviews

Product Variants

Webmaster Kit
Closed Thread
   X-Cart forums > X-Cart 5 > Dev Questions (X-Cart 5)



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 06:54 PM.

   

 
X-Cart forums © 2001-2020