Hi, I have updated my test site to 1.1.1 and it seems to be working fine. http://solsticeorganics.com.au
I would like to increase the width of the three columns by an equal amount of 20px, increasing the overall width by 60px. I have tried altering the css below but it does not seem to have any effect. What is the correct way to change the column and overall site widths?
stylesheet.css
/* fixed colum left + content + right*/
@media (min-width: 768px) {
#column-left .product-layout .col-md-3 {
width: 100%;
}
#column-left + #content .product-layout .col-md-3 {
width: 50%;
}
#column-left + #content + #column-right .product-layout .col-md-3{
width: 100%;
}
#content + #column-right .product-layout .col-md-3{
width: 100%;
}
Thanks,
Andrew
I would like to increase the width of the three columns by an equal amount of 20px, increasing the overall width by 60px. I have tried altering the css below but it does not seem to have any effect. What is the correct way to change the column and overall site widths?
stylesheet.css
/* fixed colum left + content + right*/
@media (min-width: 768px) {
#column-left .product-layout .col-md-3 {
width: 100%;
}
#column-left + #content .product-layout .col-md-3 {
width: 50%;
}
#column-left + #content + #column-right .product-layout .col-md-3{
width: 100%;
}
#content + #column-right .product-layout .col-md-3{
width: 100%;
}
Thanks,
Andrew
In General
Share this post:
Responses (1)
-
Accepted Answer
Hi Andrew,
First of all, for such changes you should use the override method: http://arastta.org/docs/developers/override-system
As of your request, you should not edit the CSS but HTML using Bootstrap classes, see the attached screenshot.
http://getbootstrap.com/examples/grid
Regards
Your Reply
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here.
Register Here »