[ayxaaron]

Hi,

How do I expand the content div of front page to be the same width as the slider?

Cheers,
Aaron

[Mahesh]

@atxaaron:
Hi Aaron,

Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

@media screen and (min-width: 981px) {
    .container {
        width: 100%;
    }

    #primary {
        width: 70%;
    }

    #secondary {
    	width: 25%;
    }
}

Regards,
Mahesh

[ayxaaron]

Sorry, i meant, how do I expand the content so that it can fill up the white spaces as shown in the red box below

[Mahesh]

@ayxaaron: Add the follwing CSS.

.no-sidebar.content-full #main .container,
.no-sidebar.content-full #main #primary  {
    width: 100%;
}

Let me know if any problem.

Regards,
Mahesh

[ayxaaron]

Is there a way to limit the content width to be the same as the combined width of the logo and menu, or the width of the slider?

[Mahesh]

@ayxaaron: Do you mean to remove the padding in the content too? If so, add the following CSS:

#content .hentry {
    padding: 5px;
}

Let me know further.

Regards,
Mahesh

[ayxaaron]

After applying the CSS, it became like this:

However I need the page to display like this:

Thanks for your help!

[ayxaaron]

the original template is like this:

[Mahesh]

@ayxaaron: Sorry, I was checking on small desktop screen so didn’t knew the problem. Please use the following CSS.

#main .container {
      width: 100%
}
#primary {
      width: 100%;
      max-width: 1300px;
}
#primary #content .hentry {
      padding: 0
}

Let me know if any problem.

Regards,
Mahesh

[ayxaaron]

This works! Thanks so much 🙂

Cheers,
Aaron

[ayxaaron]

Sorry, I said it too early. The other pages were affected also.
Originally:

Now:

Can I keep it at original but change the homepage? Sorry for the trouble

[Mahesh]

ayxaaron: No problem, replace the earlier CSS with the following. This will make the content width equal to slider’s width in homepage only.

.home #main .container,
.home #main #primary  {
    width: 100%;
}

Regards,
Mahesh

[ayxaaron]

Problem solved, thanks a lot!

Cheers,
Aaron Ang

[Senn_9212_Arnegg]

How do i can set the colum wider. the menue bar is in two rows and i want just one. the Theme-option setting ist “No Sidebar – one colume”. i tried the above css but it does not help

[Mahesh]

@senn_9212_arnegg: Please post in your site url.

Regards,
Mahesh

[Senn_9212_Arnegg]

sure.
http://www.wp.senn-maschinen.ch

[Mahesh]

@senn_9212_arnegg: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

@media screen and (min-width: 481px) {
    .one-column .site {
        width: 90%
    }
}

Regards,
Mahesh

[jadk001]

Hi sorry, Not sure if I should make new or not – Trying something similar but want to keep some of the padding but no where near as much … for both front page and blog posts…

http://inspiredbymaps.com/

Any idea how to make it so just kind of a little border…I tried the CSS above but that removes the padding completly and looks a bit weird …

Thanks!

[Mahesh]

@jadk001: Do you mean to add some padding to the whole page so it would seem like a border. Try the following CSS. Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS and add the following CSS:

#page {
    padding: 20px;
}

Let me know if any problem.

Regards,
Mahesh

[jadk001]

Hi Mahesh,

I will keep that as it looks great but sorry not what i meant.

Take for example this:

http://inspiredbymaps.com/where-ive-been/

I want the page to post to be as wide as the header…see how its only half width at the moment with alot of ‘gap’ either side?

Thanks so much!

Jordan

[Author]

Posts