I used a background color to my site and my site changed to boxed view and i love it.
The question is how to decrease the width of boxed view as a whole.
Thanks.
Hello mystudent,
You can try the code below and place it in Theme panel, Custom CSS area.
The code is ->
.td-boxed-layout #td-outer-wrap{
width:1116px;
}
Hope this helps!
Thanks.
Thank you it worked.
1. How can we add 1px border to outer wrap 0r 1 pixel gradient?
Hello mystudent,
You can try this code ->
.td-boxed-layout #td-outer-wrap{
width:1116px;
border:2px solid black;
}
Result -> http://screencast.com/t/1lkOiySMr
Thanks.
Its great, can we apply GRADIENT of 2 pixel to it?
Thank you for such a fast response.
Hello mystudent,
Please try the code below.
The code is ->
.td-boxed-layout #td-outer-wrap{
width:1116px;
border:2px solid rgba(109,179,242,0.7);
}
And for more information about accepted values by the border attribute, please consult here -> http://www.w3schools.com/css/css_border.asp
Thanks.
Thank you very much.
AND a last query to you.
Can we apply OUTER WRAP Border to Newspaper dafault theme demo (no box view)…i mean only to main content body,EXCLUDE Header and Footer area.
Hello mystudent,
First of all, please try to use the above code with media query to avoid breaking the responsiveness.
The code is ->
@media (min-width:767px){
.td-boxed-layout #td-outer-wrap{
width:1116px;
border:2px solid rgba(109,179,242,0.7);
}
}
If you want to have the border only for your main content, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.
.td-main-content-wrap {
border:2px solid rgba(109,179,242,0.7);
}
Thanks.
Hello sir,
Can you give color rgba combination as that of Main Menu gradient.
Hello mystudent,
If you are referring to the gradient about the main menu, please notice that gradient has no RGBA combination because that is a transparent background with a URL image, as you ca see here -> http://screencast.com/t/OC7WzkBq5ge
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks.
From post count 3012 code…
Look this portion of code only
border:2px solid rgba(109,179,242,0.7);
This code generates a blueish gradient border…But i want the gradient border of the same color as that of Main Menu gradient…so how can i achieve this, how to modify the above line code to achieve as much like color of Main Menu gradient.
Hope you will understand my issue now.
Hello mystudent,
Unfortunately, I do not understand what you mean. Please provide more details about your problem and also, please do some useful screenshot with the certain place so I can inspect it closer and also, so I will be able to provide a more accurate code.
Thank you for your understanding!
