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

How to change sidebar width?

 
Reply
   X-Cart forums > X-Cart 5 > Dev Questions (X-Cart 5)
 
Thread Tools Search this Thread
  #1  
Old 10-23-2015, 10:51 AM
 
sinobest sinobest is offline
 

X-Adept
  
Join Date: Nov 2009
Posts: 461
 

Default How to change sidebar width?

http://www.dentalloupes.net/ , using x-cart 5.2.8, free version.

.sidebar
width:25%

#content
75%


how to change them to:
.sidebar
width:30%

#content
70%

tks.
__________________
X-Cart Version: 4.7.12 GOLD
www.cheapglasses123.com prescription glasses online at discounted prices.
prescriptionglassesusa.com
www.loupesusa.com X-Cart Version: 4.7.11 GOLD PLUS
Reply With Quote
  #2  
Old 10-24-2015, 12:23 PM
  razortw's Avatar 
razortw razortw is offline
 

X-Cart team
  
Join Date: Feb 2015
Posts: 807
 

Default Re: How to change sidebar width?

Quote:
Originally Posted by sinobest
http://www.dentalloupes.net/ , using x-cart 5.2.8, free version.

.sidebar
width:25%

#content
75%


how to change them to:
.sidebar
width:30%

#content
70%

tks.
Hello.
I'd be glad to help, but I can not view your site
It says that this webpage has a redirect loop.
Can you please fix that and I'll take a look.

Thanks!
__________________
Best regards,
Igor Pudovkin
X-Cart hosting team
Reply With Quote

The following user thanks razortw for this useful post:
sinobest (10-25-2015)
  #3  
Old 10-25-2015, 03:09 AM
 
sinobest sinobest is offline
 

X-Adept
  
Join Date: Nov 2009
Posts: 461
 

Default Re: How to change sidebar width?

Quote:
Originally Posted by razortw
Hello.
I'd be glad to help, but I can not view your site
It says that this webpage has a redirect loop.
Can you please fix that and I'll take a look.

Thanks!

dear, tks for your help. i have changed the width, would you pls tell me how to change the categories font size? i think they are too big.
__________________
X-Cart Version: 4.7.12 GOLD
www.cheapglasses123.com prescription glasses online at discounted prices.
prescriptionglassesusa.com
www.loupesusa.com X-Cart Version: 4.7.11 GOLD PLUS
Reply With Quote
  #4  
Old 10-25-2015, 10:18 PM
 
kevinrm kevinrm is offline
 

X-Wizard
  
Join Date: Aug 2003
Posts: 1,003
 

Default Re: How to change sidebar width?

If you asked how to do it and then figured it out, perhaps you could share your knowledge...
__________________
X-Cart 5.4.1.39 Live
PHP 7.4.33
5.5.5-10.3.38-MariaDB MariaDB
Apache 2.4
CENTOS 7.8 64Bit Single Quad-Core E3-1241v3 3.4Ghz 8M 1600 w/ HT
32GB RAM 2x 512GB Samsung 850 Pro SSD RAID 1
Reply With Quote

The following 2 users thank kevinrm for this useful post:
razortw (10-27-2015), totaltec (10-26-2015)
  #5  
Old 10-27-2015, 06:18 AM
  razortw's Avatar 
razortw razortw is offline
 

X-Cart team
  
Join Date: Feb 2015
Posts: 807
 

Default Re: How to change sidebar width?

Quote:
Originally Posted by sinobest
dear, tks for your help. i have changed the width, would you pls tell me how to change the categories font size? i think they are too big.
Hello.
You should add this code into the Custom CSS section in your admin area.
Code:
.sidebar .catalog-categories > li > a {  font-size: 14px; }
This will set the category font to 14px, change it to whatever you want.
__________________
Best regards,
Igor Pudovkin
X-Cart hosting team
Reply With Quote

The following user thanks razortw for this useful post:
kevinrm (11-03-2015)
  #6  
Old 07-30-2020, 10:53 PM
 
ilclark ilclark is offline
 

Advanced Member
  
Join Date: Oct 2003
Location: Brisbane, Australia
Posts: 94
 

Default Re: How to change sidebar width?

This is a very old question, but in my case relevant and as part of the original question wasn't answered, I too would like to know how to modify the sidebar / content widths.
I've tried custom.css but this doesn't seem to work.

@media (min-width: 1200px)
.sidebar {
width: 20%;
}
@media (min-width: 1200px)
.one-sidebar #content {
width: 80%;
}
__________________
X-Cart 4.6.1 --> 5.4.1.20 (Live)
LiteCommerce 2.2.21 (RIP)

www.nextmobile.com.au
Reply With Quote
  #7  
Old 08-02-2020, 02:45 AM
 
ilclark ilclark is offline
 

Advanced Member
  
Join Date: Oct 2003
Location: Brisbane, Australia
Posts: 94
 

Default Re: How to change sidebar width?

As usual, looking for answers for other issues I came across a reference to using custom CSS in this way in the knowledge base.

To help anyone in the future though, shown below was what I needed, basically just more curly brackets!

@media (min-width: 1200px) {
.sidebar {
width: 20%;
}
}

@media (min-width: 1200px) {
.one-sidebar #content {
width: 80%;
}
}

Credit to : https://kb.x-cart.com/look_and_feel/basic_skin_changes/changing_logo_size_for_crisp_white_skin.html
__________________
X-Cart 4.6.1 --> 5.4.1.20 (Live)
LiteCommerce 2.2.21 (RIP)

www.nextmobile.com.au
Reply With Quote
Reply
   X-Cart forums > X-Cart 5 > Dev Questions (X-Cart 5)


Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 05:51 AM.

   

 
X-Cart forums © 2001-2020