[Halconio]

Hello everybody,

Please, I need some help in my site:

I want to know how can I increase the content width and decrease the sidebar width (no matter that then I have to change width of widgets), without changing the separation gap width between both?

I have tried to use this code but doesn´t work:

@media screen and (min-width: 1225px) {
#primary { width: 784px; }
#secondary { width: 376px; }
}

I have seen that margins from both (content and sidebar) fit vertically with featured images slider box size, so If I finally get to change width from both, is there a way to change featured image slider box width as well?

And a Finally question, is there a way that I can include a vertical line (or bar) in the separation gap between content and sidebar?

Thank you in advance!!

[Halconio]

Sorry, my site is http://www.numismisimo.com

Thanks

[Sakin]

@Halconio: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

#content.col8 { width: 784px; border: 1px solid #bbb; }
#sidebar.col4 { width: 163px; }

[Halconio]

Thank you for the code Sakin!!! that was fine for me, but what I wanted to do inicially was to reduce margins (just a little) from the whole page (left and right, including the above area of slider box), and after having do that, apply the code you gave me to make bigger size the content and little size sidebar.

Is there a way I can do that?

By the way, you gave me the border code but that was to create a box, what I was looking for was just a vertical line in order to separate content and sidebar, just like the line who separate posts and comments. But no matter, I wiil no longer use.

Thank you Sakin!

[Sakin]

@Halconio: For main content size, you can change the width of the following CSS and add it in “Appearance => Theme Options => Custom CSS” box.

/* For Width */
div.layout-978 { width: 978px; }
/* For Border */
#sidebar.col4 { border-left: 1px solid #e7e7e7; }

[Halconio]

Hello Sakin, Thank you for your time!!!

There is still one problem with that code.

Finally, the margin I was looking for was this:

/* For Width */
div.layout-978 { width: 1100px; }

#content.col8 { width: 800px; }
#sidebar.col4 { width: 250px; }

Those margins are correct, That’s what I want!! :), but now I need to increase width of slider box and then center it. Also, the leyend of the featured image below the slider box does not fit correctly, exceeding margins of the slider box.

What I need is the slider box fits exactly below the logo image (to the left) and the search box (to the right). Would be great that everything fit within the margins that I chose 🙂

I’m leaving the code in my site in order that you can take a look of the problem later.

Thank you so much Sakin!!!
Regards

[Sakin]

@Halconio: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header #mainmenu, .featured { width: 1098px; }

[Halconio]

THANKSSSSSSSSSSSSSSSSSSSSS!!!!!!!!!!!!!

That finally works Sakin!!

Thank you soooo much!! 🙂

[Author]

Posts