Enlarge content body width

Home Forums Automattic Vagabond Enlarge content body width

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #163513 Resolve

    lepetitkedgeronbouge

    How can I make the content body, where posts are shown, larger ?

    #163518

    Kathryn P.
    Happiness Engineer

    Right now you have an empty column displayed in the right sidebar area, because you’ve added a Custom Menu widget called “Menu Gauche” to that area, but the menu itself is blank. To hide the sidebar completely, try this:

    .widget-area {
      display: none;
    } 

    Then you could add some CSS to expand the main column within a media query, so it only affects larger screens:

    @media only screen and (min-width: 1200px) {
      #primary { width: 1024px; }
    }
    
    #163519

    Kathryn P.
    Happiness Engineer

    You can learn more about media queries that restrict CSS to different screen sizes here:

    https://en.support.wordpress.com/custom-design/custom-css-media-queries/

    #163523

    lepetitkedgeronbouge

    Thank you very much, worked like Magic ! I have one more question please. I wonder if it is possible to fix the menu when scrolling down ?

    #163524

    Kathryn P.
    Happiness Engineer

    You could try something like this:

    .navigation-main {
      position: fixed;
      z-index: 9999;
    }

    Fixing elements with CSS can be unpredictable, so I’d suggest testing this at various screen sizes and on different devices to make sure the display remains OK.

    #163535

    lepetitkedgeronbouge

    Hello, We are launching our website on Wednesday, so I have one last question. Is it possible to change the theme’s background (Sky Blue) into Red, and keeping the “Hello” and drawings besides the website title ? Thank you very much

    #163536

    Kathryn P.
    Happiness Engineer

    You can modify the background colour while keeping the graphics visible with this:

    body, #header-background {
      background-color: #bb2445;
    }

    You’ll also probably want to remove the blue dotted line below the menu:

    .site-header hgroup::before {
      background: none;
    }
    #163543

    lepetitkedgeronbouge

    Hello there again ! Your help is doing wonders on my website, I wish to thank you.

    I want to remove the footer “Propulsé par WordPress” and what’s below that since the blue color is not quite working well with the grey that we are trying to put on.

    Thank you very much.

    #163546

    Kathryn P.
    Happiness Engineer

    Hi there, footer credits must be kept intact on WordPress.com – that’s required by all our users, including VIP clients like CNN and TED.

    You can change the look and feel to better match your theme’s customizations, give this a try and see what you think. It makes the colour less strong, adds some bottom margin, and makes the text non-bold:

    .site-info, .site-info a {
      color: #d3d3d3;
      font-weight: normal;
      margin-bottom: 10px;
    }

    I also noticed that the negative margin you added to #content is causing some overlapping of elements at the top and bottom of the page. I would suggest removing this entirely:

    #content {
      margin: -75px auto;
      width: 100%;
    }
    #163551

    Kathryn P.
    Happiness Engineer

    I see that you changed the colour of the footer text so that it’s no longer visible. Hiding the footer credit is not allowed on WordPress.com – all sites hosted here – even our VIP clients like CNN, Time, and TED – must keep the footer credit readable to use our service.

    May I remove credit links such as ‘Blog at WordPress.com’, theme, font, or toolbar links?
    All WordPress.com users are required to maintain the credit links, even our VIP bloggers. Please do not hide or alter text or links for the footer credits or the toolbar. Modifying the style of the footer text (i.e. colors and font size) is fine as long as it’s still readable.

    https://en.support.wordpress.com/custom-css/

    Please restore the footer credit so that it’s readable and let me know when it’s done.

    #163553

    lepetitkedgeronbouge

    Okay ! It’s Done !

    #163554

    Kathryn P.
    Happiness Engineer

    Merci.

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

The topic ‘Enlarge content body width’ is closed to new replies.