Enlarge content body width

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

Author

Posts
October 26, 2015 at 1:41 am #163513 Resolve

lepetitkedgeronbouge
Member

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

October 26, 2015 at 1:43 pm #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; }
}
```
October 26, 2015 at 1:44 pm #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/

October 26, 2015 at 10:55 pm #163523

lepetitkedgeronbouge
Member

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 ?

October 27, 2015 at 1:04 pm #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.
November 2, 2015 at 3:44 pm #163535

lepetitkedgeronbouge
Member

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

November 2, 2015 at 3:56 pm #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;
}
```
November 7, 2015 at 10:11 pm #163543

lepetitkedgeronbouge
Member

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.

November 9, 2015 at 2:45 pm #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%;
}
```
November 10, 2015 at 2:46 pm #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.
November 12, 2015 at 4:53 pm #163553

lepetitkedgeronbouge
Member

Okay ! It’s Done !

November 12, 2015 at 4:56 pm #163554

Kathryn P.
Happiness Engineer

Merci.
Author

Posts

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

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