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

Noblesse - width of content page

 
Reply
   X-Cart forums > X-Cart 5 > Dev Questions (X-Cart 5)
 
Thread Tools Search this Thread
  #1  
Old 07-06-2018, 06:03 AM
 
voidopolis voidopolis is offline
 

Newbie
  
Join Date: Jun 2018
Posts: 8
 

Default Noblesse - width of content page

So,I want the Noblesse template to be wider overall. I found overall how this works in CSS. I was able to use the inspect feature in chrome and modify it on the site "live". but I can't figure out how to change it with Custom CSS on the site.

I removed all other customer CSS and added this:

@media (min-width: 1510px)
#page-wrapper {
width: 1500px;
}

this is out of the box / default / standard Noblesse
__________________
X-Cart Business 5.3.5.4
make/model
Reply With Quote
  #2  
Old 07-11-2018, 03:21 AM
  tony_sologubov's Avatar 
tony_sologubov tony_sologubov is offline
 

X-Cart team
  
Join Date: Jan 2009
Posts: 2,431
 

Default Re: Noblesse - width of content page

Hi @voidopolis,

Welcome to X-Cart forums!

Your code defines width of central area as 1500px, in case that your browser window's width is 1510px or wider. Is this the result you are trying to achieve or did you plan anything different?

Tony

Quote:
Originally Posted by voidopolis
So,I want the Noblesse template to be wider overall. I found overall how this works in CSS. I was able to use the inspect feature in chrome and modify it on the site "live". but I can't figure out how to change it with Custom CSS on the site.

I removed all other customer CSS and added this:

@media (min-width: 1510px)
#page-wrapper {
width: 1500px;
}

this is out of the box / default / standard Noblesse
__________________
Found a bug in X-Cart? Post it to our bug tracker!
Know how to make X-Cart better? Suggest an idea!
Reply With Quote
  #3  
Old 07-11-2018, 04:52 AM
 
voidopolis voidopolis is offline
 

Newbie
  
Join Date: Jun 2018
Posts: 8
 

Default Re: Noblesse - width of content page

Thanks for the reply Tony;

Basically, when someone is browsing the site at a resolution that allows for max screen width(>1180px), I'd like the width of the template overall to be wider - I don't want as much padding around the edges on max resolution. This CSS below seems to control that - for the 3 page resolutions (depending on resolution of the browser, it adjusts the screen width to three sizes (1180, 980 and 760)


@media (min-width: 1200px)
#page-wrapper {
width: 1180px;
}

@media (min-width: 992px)
#page-wrapper {
width: 980px;
}
@media (min-width: 768px)
#page-wrapper {
width: 760px;

I've found using chrome's inspector - for the first resolution, that I can adjust the min-width to 1510 and the #page-wrapper {width: #1500;} - I can achieve what I'm looking for - a wider width template with less padding around the sides. However, when I put that code into the custom CSS of the site, it does not affect the page width as expected.

I didn't know if there was a better way to handle this, or if I'm doing it wrong... or...

I appreciate the help.
__________________
X-Cart Business 5.3.5.4
make/model
Reply With Quote
  #4  
Old 07-11-2018, 05:16 AM
  tony_sologubov's Avatar 
tony_sologubov tony_sologubov is offline
 

X-Cart team
  
Join Date: Jan 2009
Posts: 2,431
 

Default Re: Noblesse - width of content page

Quote:
Originally Posted by voidopolis
Thanks for the reply Tony;

Basically, when someone is browsing the site at a resolution that allows for max screen width(>1180px), I'd like the width of the template overall to be wider - I don't want as much padding around the edges on max resolution. This CSS below seems to control that - for the 3 page resolutions (depending on resolution of the browser, it adjusts the screen width to three sizes (1180, 980 and 760)


@media (min-width: 1200px)
#page-wrapper {
width: 1180px;
}

@media (min-width: 992px)
#page-wrapper {
width: 980px;
}
@media (min-width: 768px)
#page-wrapper {
width: 760px;

I've found using chrome's inspector - for the first resolution, that I can adjust the min-width to 1510 and the #page-wrapper {width: #1500;} - I can achieve what I'm looking for - a wider width template with less padding around the sides. However, when I put that code into the custom CSS of the site, it does not affect the page width as expected.

I didn't know if there was a better way to handle this, or if I'm doing it wrong... or...

I appreciate the help.

You can try to use code like this:
Code:
@media (min-width: 1200px) #page-wrapper { width: 99%; }

Please, let me know if it is something that works for you.

Tony
__________________
Found a bug in X-Cart? Post it to our bug tracker!
Know how to make X-Cart better? Suggest an idea!
Reply With Quote
  #5  
Old 07-15-2018, 09:50 PM
 
voidopolis voidopolis is offline
 

Newbie
  
Join Date: Jun 2018
Posts: 8
 

Default Re: Noblesse - width of content page

Quote:
Originally Posted by tony_sologubov
You can try to use code like this:
Code:
@media (min-width: 1200px) #page-wrapper { width: 99%; }

Please, let me know if it is something that works for you.

Tony

nope. That doesn't seem to work either.

Code:
#page-wrapper {width: 1450px;}

changes the size of the page to what I'm looking for, but the page no long resizes when you resize the browser window for different formats (no long responsive). x-cart seems to not like the @media tag at all in the custom CSS. the page seems to just ignore everything in that whole block of CSS.
__________________
X-Cart Business 5.3.5.4
make/model
Reply With Quote
  #6  
Old 07-16-2018, 02:54 AM
  tony_sologubov's Avatar 
tony_sologubov tony_sologubov is offline
 

X-Cart team
  
Join Date: Jan 2009
Posts: 2,431
 

Default Re: Noblesse - width of content page

Quote:
Originally Posted by voidopolis
nope. That doesn't seem to work either.

Code:
#page-wrapper {width: 1450px;}

changes the size of the page to what I'm looking for, but the page no long resizes when you resize the browser window for different formats (no long responsive). x-cart seems to not like the @media tag at all in the custom CSS. the page seems to just ignore everything in that whole block of CSS.

Oh, there was syntax error in CSS code I sent earlier.
Try this one:

Code:
@media (min-width: 1200px) { #page-wrapper { width: 96%; } }


or this one for CrispWhite:
Code:
@media (min-width: 1200px) { #main-wrapper #main { width: 96%; } .container { width: 96%; } }

Tony
__________________
Found a bug in X-Cart? Post it to our bug tracker!
Know how to make X-Cart better? Suggest an idea!
Reply With Quote

The following user thanks tony_sologubov for this useful post:
voidopolis (07-16-2018)
  #7  
Old 07-16-2018, 08:26 PM
 
voidopolis voidopolis is offline
 

Newbie
  
Join Date: Jun 2018
Posts: 8
 

Default Re: Noblesse - width of content page

Quote:
Originally Posted by tony_sologubov
Oh, there was syntax error in CSS code I sent earlier.
Try this one:

Code:
@media (min-width: 1200px) { #page-wrapper { width: 96%; } }

Tony

That did it for Noblesse! Thanks for the code.
__________________
X-Cart Business 5.3.5.4
make/model
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 01:05 AM.

   

 
X-Cart forums © 2001-2020