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

Responsive background

 
Reply
   X-Cart forums > X-Cart 5 > Dev Questions (X-Cart 5)
 
Thread Tools Search this Thread
  #1  
Old 05-29-2015, 10:47 AM
 
autoscents autoscents is offline
 

Member
  
Join Date: Apr 2015
Posts: 11
 

Exclamation Responsive background

I am starting with the alternative clothing template and have xcart 5.2.4 and i would like to have my back ground resize it self to every size window like the page itself does already i also do not want the background to scroll. It needs to stay fixed and resize itself. I dont have a clue. Please help
__________________
License products:
X-Cart Gold
Version 4.5.1
Product Configurator
Feature Comparison
Reply With Quote
  #2  
Old 05-29-2015, 11:02 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: Responsive background

Welcome to the forum. I take it you already have the background implemented in some way. If you provide a link to the site, we can easily suggest some CSS changes to achieve the effect you want.
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote

The following user thanks totaltec for this useful post:
autoscents (05-29-2015)
  #3  
Old 05-29-2015, 11:53 AM
 
autoscents autoscents is offline
 

Member
  
Join Date: Apr 2015
Posts: 11
 

Default Re: Responsive background

Thanks for the quick reply! Here is the url the store is not live yet we are modifying it.

http://www.autoscentsinc.com/xcart5/cart.php

also for some reason the background is splitting in two?
__________________
License products:
X-Cart Gold
Version 4.5.1
Product Configurator
Feature Comparison
Reply With Quote
  #4  
Old 05-30-2015, 07:42 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: Responsive background

Try taking the background off the html element. Keep it on the body only.
Then add some CSS3:

background-size: 125%;

You might also try:

background-size: cover;
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote

The following user thanks totaltec for this useful post:
qualiteam (05-31-2015)
  #5  
Old 06-01-2015, 06:26 AM
 
autoscents autoscents is offline
 

Member
  
Join Date: Apr 2015
Posts: 11
 

Default Re: Responsive background

Mike,

Thanks for the tip but im new to xcart 5 and still don't know where all that is located where is the html for that and where would the css file be to make that change? I greatly appreciate your help on this!
__________________
License products:
X-Cart Gold
Version 4.5.1
Product Configurator
Feature Comparison
Reply With Quote
  #6  
Old 06-01-2015, 05:16 PM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: Responsive background

No problem.But now I am the one confused. How did you add the background in the first place?

Anyway, you can make the CSS change, which is all that is needed, in the custom CSS section under look and feel. This is the easiest way to affect your front end CSS.
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote
  #7  
Old 06-02-2015, 05:23 AM
 
autoscents autoscents is offline
 

Member
  
Join Date: Apr 2015
Posts: 11
 

Default Re: Responsive background

All i did was ftp the new background with the same name to the same directory the old background was in! easy stuff right there lol. I have tried to do some of that custom css stuff and it keeps messing up my pages this xcart5 is throwing me for a loop. sorry for being so dumb when it comes to this stuff!
__________________
License products:
X-Cart Gold
Version 4.5.1
Product Configurator
Feature Comparison
Reply With Quote
  #8  
Old 06-02-2015, 11:39 AM
 
autoscents autoscents is offline
 

Member
  
Join Date: Apr 2015
Posts: 11
 

Default Re: Responsive background

Mike,

I think I got it! Take a look and tell me what you think? I really appreciate your help!
__________________
License products:
X-Cart Gold
Version 4.5.1
Product Configurator
Feature Comparison
Reply With Quote
  #9  
Old 06-06-2015, 09:07 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: Responsive background

Quote:
Originally Posted by autoscents
Mike,

I think I got it! Take a look and tell me what you think? I really appreciate your help!
Looks good to me! Glad it worked out.
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
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 06:08 AM.

   

 
X-Cart forums © 2001-2020