Page width on full width template

  • Unknown's avatar
    oliverdsw · Member ·

    Hello, I just tried out a new theme, chronicle. I thinks it’s kind of nice, however, there is a problem. It comes with three colums, but on some pages I want just one with a full width. So I went to the templates and activated the full width. However, it’s still not enough for me. Some of my pages need much more space, for example This one. Is there a custom css code to make the page even bigger, filling all the space from left to right border ?

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

  • supernovia · Staff ·

    Hi, layout and functionality changes can get pretty complex with various media queries and what not, so they fall outside the scope of the CSS support we offer here.

    That said, have you tried selecting the full-width page template to see if that helps? I believe this theme has one built in, and that will remove the sidebar. Once that’s done, if there is CSS required, it may be somewhat less complicated.

  • Unknown's avatar
    oliverdsw · Member ·

    Hi, yes, this theme has a full width template. However, you can check this site to see how it looks. The sidebars are gone, but the space where they were still seems to be somehow reserved. Now I want to spread the thing filling the whole space. Should be around 1250px, just like the header. Right now it’s only filling about 820px.

    Thnaks for the help mate !

  • staff-blorbo · Staff ·

    Try increasing the media width in the Customizer at https://oliverdsw.wordpress.com/wp-admin/customize.php

    If that’s not working out, this is a bit beyond the scope of the CSS support we can offer here, but we have some recommendations at https://wordpress.com/support/custom-design/css-support/

  • Unknown's avatar
    oliverdsw · Member ·

    Hmm, seems like I cannot find that option in the customization menu anymore :-( But I know that I’ve seen it before, and that I already tried to change the value there – to no avail. However I think that the solution is VERY simple. Unfortunately, I am not a programmer / coder. Here is what I found out:

    1. on this page the full width template is activated, and it looks like a mess. It’s way to small, and it seems that the spaces left and right are still reserved for widgets (that are not there).
    2. on this page I used the standard template, deactivated the widgets on the left side, and voila – now the element is much bigger. I can also deactivate all the widgets on the right side, and then I really have a full page, exactly like I wanted. But without widgets… and I want to keep them, at least on some pages.

    So there seem to be 2 options:

    1. I need css to expand the centered container element on full width templates.
    2. I need css to remove widgets from single sides (if that is possible), so the page is shown as full even in the standard template.

    Please, give me some advice, or even better code… even if it doesnt work out, I desperately need to try something. Greetings

  • aleone89 · Staff ·

    Hello there,

    Many thanks for that extra detail.

    What you’re describing there is quite complex, and would require CSS that’s out of scope for the support we provide.

    If you’re wedded to this theme, I would recommend finding a developer to help you from UpWork: https://en.support.wordpress.com/upwork/.

    Alternatively, if this new theme is not performing, I would also recommend looking at an alternative theme.

    Do you have an examples of what you would like the theme to look like? Perhaps we can point you in the right direction?

    Many thanks in advance.

  • Unknown's avatar
    oliverdsw · Member ·

    Thanks for the answer. However, you shouldn’t be wondered that I am somewhat disappointed. 3 people answered, and no one event tried / dared to point into the direction of some code. I don’t think that it is complex, just 5-10 lines of css code. I already found some on the web, unfortunately it didn’t work out – the only thing I got is that I made the container smaller. That’s the opposite direction^^

    But ok. I get that it pushes the boundaries here.

    Unfortunately, many of the wordpress themes are ugly. Sorry to say that, but many of them seem so outdated, and almost none got the options chronicle has (a non dropdown main menu, featured categories, featured content that is actually visible). So I want to stick to it until a new great theme comes. You should really work on themes that are no-so-simple and blog-looking, but more colourful and the option to feature posts.

    Anyway, since I am still working on the page, anyone has an idea on how to change the colour of the area in which the blog title and subtitle is ? E.g. the thing Oliverdsw Presents: The Power Of Metal
    Power Metal Rezensionen – Hie Und Da Mit Einer Extraportion EVANGELION Obendrauf you can see here. The background for that field is white, can I change it to, lets say, a light grey ?

    Greetings, Oliver

  • aleone89 · Staff ·

    Hello Oliver,

    I’m sorry to read you’re disappointed, and thank you for understanding where the scope of support starts and ends.

    We appreciate the feedback regarding the themes. Everyone’s tastes are different – and we totally get that. Block based themes, much like that of TwentyTwenty and TwentyTwentyOne, are block based as they do tend to have a bit more flexibility – so you may wish to experiment with these themes on a free site, to see if it can do the job for you.

    With regards to the header background colour and title colour, you may want to try adding this CSS. 

    

/* Change header background colour AL */

.masthead {
    background: lightgray;
}

/* Change site title+desc colour AL */

.masthead .branding h1.logo a, .masthead .branding h2.description {
color: #black;
}

    I hope that helps.

  • Unknown's avatar
    oliverdsw · Member ·

    Thanks, the code already helped me. One last question for now: is there a simple option to center the title on a page ? For example, here. The field “Produkt- und Warentests”. It seems so left-aligned… maybe there is a simple css code for that, too ? Greetings and regards. Also, if I have more questions, can I open new topics ?

  • staff-totoro · Staff ·

    Hi there,

    You can try the following CSS to center titles on your site:

    h1.title {
    text-align: center;
}

    Also, if I have more questions, can I open new topics ?

    Yes please. It helps us if you post a new topic per question, instead of re-opening this thread to add new questions. Hope that helps. Please let us know if you have any more questions.

  • Unknown's avatar
    oliverdsw · Member ·

    Thanks.

  • The topic ‘Page width on full width template’ is closed to new replies.