| Author |
 Topic  |
|
|
bofarley
Starting Member
7 Posts |
 Posted - March 10 2016 : 17:53:52
|
| I really want to change my site to a black background with white text. Including all of the containers. For the life of me I can''t find any comprehensive instructions for doing this in 8.0 and I can''t figure it out. |
|
|
bofarley
Starting Member
7 Posts |
Posted - March 11 2016 : 13:22:11
|
| I have changed all of the background color references in the css files but the overall background is still white. |
 |
|
|
serjtankian
VP-CART Super User
Armenia
378 Posts |
Posted - March 14 2016 : 20:41:00
|
there''s some element need to be changed or created, for example with sidebar, here''s what i did:
.vp_sidebar .sidebarcell {
padding: 0px;
}
.vp_sidebar .sidebarcell h2 {
background: #0075d1;
padding: 8px;
color: #fff !important;
}
.vp_sidebar .contentcell { padding: 5px 10px;
color: red;
}
it will displaying sidebar with blue background and white text (h2 title)
and the content color of the side bar is red
*serj* |
|
|
|
serjtankian
VP-CART Super User
Armenia
378 Posts |
Posted - March 14 2016 : 20:42:12
|
for additional info, file to edit is basic-style.css file
*serj* |
|
|
|
squirrel
VP-CART New User
USA
73 Posts |
Posted - March 14 2016 : 20:50:21
|
Hola there,
I guess you must be doing something wrong then. Which css files did you change? I guess that in order to change the background you will have to edit the basic-style.css and also use firebug''s inspect element to test things out on the front end.
Found this on their manual for design and color changes:
1. Open the file “basic-style.css” using Notepad. The file is located in the “templates/default/css”
2. Locate the codes below:
body {
background-color: #000;
Directly update the CSS inside the body { } to reflect your own background style. You need to be familiar
with CSS in order to update this.
Thanks,
Daniel |
|
|
|
squirrel
VP-CART New User
USA
73 Posts |
|
|
bofarley
Starting Member
7 Posts |
Posted - March 15 2016 : 14:47:55
|
Ok, I figured it out, it''s just so many places that need be changed. I''m no coder but can usually figure things out.
I''m now trying to turn off the frame lines throughout the site.
@serjtankian thanks. I''m a little puzzled getting vpcart tips from a rockstar! |
|
|
|
bryan23
Starting Member
Philippines
7 Posts |
Posted - March 15 2016 : 21:09:24
|
hi bofarley,
if you want to have it one code to tall container. kindly add this one to basic-style.css better put it before start of a @media query at the bottom.
html, #page, .page_wrapper, .sidebarcell, .main-content, .main-news, .main-blog, .main-product, .vp_topheader_upper {
background: red;
color: white
/*if you want also to change color of border add this code below*/
border-color: red;
}
that code will put all you want in one place.
hope that works with you,
thanks,
bry |
|
|
|
bryan23
Starting Member
Philippines
7 Posts |
Posted - March 15 2016 : 21:11:34
|
oopps sorry make the background: #000; or background: black; not background: red;
thanks,
bry |
|
|
|
bofarley
Starting Member
7 Posts |
Posted - March 16 2016 : 14:52:43
|
| Bryan that is awesome. Now how can I turn the border back on on just one of the elements on the home page. In this case it is the product catagories, that are my artist names that I have running down the left of the HP. |
|
|
|
bofarley
Starting Member
7 Posts |
Posted - March 16 2016 : 16:07:17
|
| I figured it out. I just removed the .sidebarcell from the added code. Don''t understand what I did, just tried things until it hit! |
|
|
| |
Topic |
|
All Forums
shop colors
New Topic
Printer Friendly
TrustGuard - PCI Security Scanner
