Some Customizations Regarding Width

  • oliverdsw · Member ·

    Hello there, and thanks already for your reply via mail. And of course, for pointing me here, I will read through some of the posts here so that I may get a bit wiser :-)

    With the help of Markus Zametter (who seems to be working within the wordpress.com support team) I already took things a bit further. My original question was on how to make the full width template really full width, or so to speak: how can I expand the main container to the areas that are reserved for the sidebars. Problem was: the space is reserved, even if you don’t use a sidebar. He gave me that code:

    /* Full width template to be truly 100% width | 3698180-zen (KK) */
.error404 .main-content.full-width, .search-results .main-content.full-width, .search-no-results .main-content.full-width, .singular .main-content.full-width, .error404.themes-sidebar3-inactive.themes-sidebar1-inactive .main-content, .search-results.themes-sidebar3-inactive.themes-sidebar1-inactive .main-content, .search-no-results.themes-sidebar3-inactive.themes-sidebar1-inactive .main-content, .singular.themes-sidebar3-inactive.themes-sidebar1-inactive .main-content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

    Which actually worked very well ! Now the whole thing is expanded, like you can see on this example page. So, there are only 2 minor things left for me :-)

    1. The featured image of the page is not filling up the whole space, you can see a small white border to the right. Is there an option to make it go full width ? I already tried the option within the css menu “width of media”, but that doesn’t seem to work out.
    2. Since everything is so centered now (what I like :-) ) I would need the main title (in this case :”Power Metal Band- Und CD-Archiv (I-Q)”) to appear a bit more centered, too. It seems left-taligned by standard.

    If we can fix these two thingys left, I shall be satisfied. At least for now. Anyways, thanks for the great help !

    Oliver

    The blog I need help with is: (visible only to logged in users)

  • binarymoon · Theme Author ·

    Hi Oliver – glad you got the content sized as you want now! :)

    To resize the featured image you can use:

    .main article .post-header-image {
width: calc(100% + 40px);
}

    To center the heading you can use:

    .page .main article h1.title {
text-align: center;
}

    Thanks – Ben

  • oliverdsw · Member ·

    Wow, once again, so many thanks my friend ! It worked out so well, and the best thing is: it is automatically applied to all pages. Guess that’s the power of css ;-) Regards, Oliver

  • The topic ‘Some Customizations Regarding Width’ is closed to new replies.