Back Grond color in StoreBox

Commercial shopping Joomla template to easy create webshop with various extensions supported like ViruteMart, K2 and K2Store.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Jul 16, 2013 8:51 am
Reply with quote
Report this post
Hello,

Do you know how I could put a background color instead of an image (30% Orange and 70% white), something like "background-repeat:repeat-y;" ?
User avatar
Senior Boarder

GK User
Tue Jul 16, 2013 8:58 am
Reply with quote
Report this post
Could You provide exact #code of the color?
User avatar
Moderator

GK User
Tue Jul 16, 2013 11:33 am
Reply with quote
Report this post
Yes, sure :
- Orange #f47523
- White : #ffffff

Thank you.
User avatar
Senior Boarder

GK User
Tue Jul 16, 2013 3:44 pm
Reply with quote
Report this post
Hey, one color please :)
If You want mixing of colors, then You need to prepare background image. Its the easiest method.
User avatar
Moderator

GK User
Tue Jul 16, 2013 4:10 pm
Reply with quote
Report this post
Yes ;-) but if i don't want it to be to heavy, I have to place some "repeat" instruction, no ? (something like create an image 10 px large and repeat it 100 % wide... And I do not know where to put the code...
User avatar
Senior Boarder

GK User
Tue Jul 16, 2013 4:22 pm
Reply with quote
Report this post
Ok, could You make a sample drawing how this background should look like?
Please create a image and place it in /tempaltes/gk_Storebox/images folder, then give me its name.
The image might be repeated horizontally (then it might be 1px wide, and long as it have to be) or vertically (then it should be at least 1920px wide to support full hd screens and 1px long).
When image and sample drawing will be ready, Ill gove You exact needed css code, which You will place in
/tempaltes/gk_Storebox/css/override.css (to load this file, You need to enable it in template settings - advanced section).
User avatar
Moderator

GK User
Wed Jul 17, 2013 8:44 am
Reply with quote
Report this post
Hello,

I can't put it in new site as it is off line.
So, i put it in old one :
- Example of what i would like : http://www.gedautomobile.com/images/GED_Orange.jpg
- Image : http://www.gedautomobile.com/images/Background.gif

Thank you in advance.
User avatar
Senior Boarder

GK User
Wed Jul 17, 2013 6:57 pm
Reply with quote
Report this post
Ok, you need a background file that repeats horizontally, and is 1px wide and as long, as this orange bar should be.
Then place it in:
/tempaltes/gk_Storebox/images
and name it bg.png (or bg.gif, or bg.jpg whatever format You will choose - just remember to use same filename in css code).
The one from sample looks this way:
http://www.gedautomobile.com/templates/ ... s/page.png

Now add this css:
Code: Select all
body {background: #fff url('../images/bg.png') 0 0 repeat-x;}


Please read first about adding custom CSS (use override.css method):
http://www.gavick.com/documentation/joo ... -template/
User avatar
Moderator

GK User
Fri Jul 19, 2013 10:36 am
Reply with quote
Report this post
Hello,

Sorry to bother you again but it does'nt work.
Override works great (if i put a black color I get it) but other stuff do not.
When page loads, I get a white BG only (and I can see very quickly an orange color...).

THank you for your help.
User avatar
Senior Boarder

GK User
Fri Jul 19, 2013 4:00 pm
Reply with quote
Report this post
Can I access Your site online?
User avatar
Moderator

GK User
Mon Jul 22, 2013 9:03 am
Reply with quote
Report this post
Yes, sure, I send you an access via privat message.
User avatar
Senior Boarder

GK User
Mon Jul 22, 2013 5:52 pm
Reply with quote
Report this post
Instead of using cms custom css way, could You use override.css (and clean the previous changes)?
User avatar
Moderator

GK User
Tue Jul 23, 2013 1:30 pm
Reply with quote
Report this post
It works but.... When the page is small (showing just one article) or when you zoom min, it shows two orange line : http://www.maquette.gedautomobile.com/images/bug.png

...
User avatar
Senior Boarder

GK User
Tue Jul 23, 2013 3:36 pm
Reply with quote
Report this post
Can't access Your image - it's password protected ;)
User avatar
Moderator

GK User
Tue Jul 23, 2013 4:15 pm
Reply with quote
Report this post
It is the same I gave you for access to the site.
User avatar
Senior Boarder

GK User
Tue Jul 23, 2013 5:43 pm
Reply with quote
Report this post
As far as I can see, You have set repeat to "repeat" and You should set it to "repeat-x"
User avatar
Moderator

GK User
Wed Jul 24, 2013 10:31 am
Reply with quote
Report this post
I wrote :
body {
background: #fff url('../images/bg.png');
background-repeat:repeat-x;
background-repeat-y: no-repeat;
}

But I still have BG repeat on y...
User avatar
Senior Boarder

GK User
Wed Jul 24, 2013 5:30 pm
Reply with quote
Report this post
Ok, try this code in override.css:
Code: Select all
html {background: #FFF url('../images/bg.png') repeat-x 0 0;}
body {background: none;}
User avatar
Moderator

GK User
Wed Jul 24, 2013 5:31 pm
Reply with quote
Report this post
Ps - have You enabled override.css in your template settings?
Have You put previous changes to this file (I see its empty on your server: http://www.maquette.gedautomobile.com/t ... erride.css)
User avatar
Moderator

GK User
Thu Jul 25, 2013 8:38 am
Reply with quote
Report this post
Yes, I did put "on" for css override" in "ADVANCED SETTINGS" section of style template...
When I get on my css file by url
http://www.maquette.gedautomobile.com/t ... erride.css I can see :
/*
#------------------------------------------------------------------------
# Store Box - March Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* Here you can include your override CSS styles */

body {
background: #fff url('../images/bg.png');
background-repeat:repeat-x;
background-repeat-y: no-repeat;
}
User avatar
Senior Boarder

GK User
Thu Jul 25, 2013 4:30 pm
Reply with quote
Report this post
Does it looks ok now? For me it is.
User avatar
Moderator

GK User
Fri Jul 26, 2013 8:38 am
Reply with quote
Report this post
No, still wrong, if you zoom minus for example on IE 50 % ...
User avatar
Senior Boarder

GK User
Sat Jul 27, 2013 8:46 am
Reply with quote
Report this post
With zooming -50% on IE the site becomes useless (You cant read anything) - why someone would like to do that?
User avatar
Moderator

GK User
Mon Jul 29, 2013 8:20 am
Reply with quote
Report this post
Yes, true. I was just trying to understand...
User avatar
Senior Boarder

GK User
Mon Jul 29, 2013 9:19 pm
Reply with quote
Report this post
If site looks ok on 100% (standard) zoom, You should stick with that.
If there is an error in any browser, please specify browser and exact subpage where error exist.
User avatar
Moderator


cron