content bar + slider width

This topic has 4 replies, 2 voices, and was last updated 9 years, 5 months ago by Sakin.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
June 12, 2015 at 2:59 pm #59411

Martin
Member

Hello,

i just bought this amazing theme and i am a novice on css/wordpress. I am sorry if this Problem doesnt fit in here.

I use the Theme as a 3-column Layout. The Logo-width is 1600px. I want to stretch the 3 Colums up to 1500px. 15% 70% 15% for the 3-columns for a total of 1500px.

I am using a Child Theme and cant find the css part for strechting all 3-Columns.
I am able to stretch the slider but the right column wont move to the right side so the slider is in the right column.

It would be enough if the middle Column (Slider and articles) would stretch and the 1 and 3 column would stay on the width and just move to left/right.

I hope you understand what i need. English isnt my motherlanguage.

Thanks for your help.

Martin

June 12, 2015 at 3:46 pm #59414

Martin
Member

i found how to change the size of the columns but i need to change the distance between the 3 columns. That’s what i need now.

Thanks,

Martin

June 13, 2015 at 12:44 am #59448

Martin
Member

ok all that i tried doesnt work 🙁

all i want is to change the wrapper from 1190px up to 1500px. But if i do it, the 3 columns wont show perfect on every screensize and jump wildly through the browser

June 13, 2015 at 1:11 am #59450

Martin
Member

ok, easy way. i just want to stretch the primary column from 530px to 754px.
But if i do that, the layout doesnt fit anymore and the right sidebar positions are under the primary column

June 13, 2015 at 9:25 am #59461
Sakin
Keymaster
@Martin: Actually this theme is not designed to make it like that. So, let’s try adding following css in “Appearance => Theme Options => Custom CSS” box:
```
@media screen and (min-width: 960px) { 
.wrapper {
    max-width: 96%;
    width: 1500px;
}
.three-columns .content-sidebar-wrap {
    float: right;
    width: 83%;
}
.three-columns #primary {
    width: 79.5%;
}
.three-columns #secondary {
    width: 18%;
}
.three-columns #third {
    width: 15%;
}
}
```
Author

Posts