content on computer centered
-
Hello, I want the content on computer to be centered, relative to the menu at the top which is not the case currently. It is the case when browsing the site on mobile but not on computer. I am told by online support ” By default it’s not really possible to center on desktop relative to the menu. But, using CSS code, it might be possible.” Could you specify how to do it ? Thanks a lot
The blog I need help with is: (visible only to logged in users)
-
Hello @jdesaintremy,
You content area is shifted to the left because of this CSS code,.content-area { float: left; width: 68.86440%; }so to rectify it, use this CSS:
.content-area { float: none; width: auto; }Hope this helps 🙂
-
If the above code does not work, that maybe because of some code overriding issue, in that case just add !important to both the properties to force the code:
.content-area { float: none !important; width: auto !important; } -
Hi there
With the Sela theme, it is possible to use a full width front page templateFull-Width Template
The Full-Width template gives you more space for your content. It’s the perfect way to showcase a gallery of images or a video, Don’t forget to take advantage of the beautiful full-width featured image, too. To use the Full Width template, select it under Page Options while editing a Page.It looks like there is space at the side of your current page for an unused right sidebar, which will take up some space on the page, making an apparent offset to the left.
Give that a try mon ami
dave -
-
-
Thank you very much otpidusprime
to do this can you confirm I only need to litterally copy paste this code in my CSS section , without deleting anything ?
.content-area {
float: none;
width: auto;
} -
@jdesaintremy
Yes, i confirm, just copy and paste this:.content-area { float: none; width: auto; }Or this:
.content-area { float: none !important; width: auto !important; }into the CSS Editor. You don’t have to delete anything.
🙂 -
I pasted both codes successively, I mean :
.content-area {
float: none;
width: auto;
}.content-area {
float: none !important;
width: auto !important;
}Unfortunately pb unsolved….
-
it does make a change : text goes left or right, but I want it to go in line with the upper part of the screen
-
thank you dave2swords I tried your option, going on the full width image feature, and it works ! thank you both for your help
-
sorry in fact the full width screen option only solves the pb for the left tab
… not for the others
maybe there is an other CSS paste to do to , the first 2 you gave me pushed the text left and right, when I need it in the center ?
thanks a lot again
-
Hi again
Is what you mean by left tab the Identite button, then the next tab the Offre button in the header?
I see this same shift on the Offre page. Though not a CSS guru, looking at the page elements, i can see there is a right sidebar on that page as well. You should be able to make the Offre page a full width as well in the same way you did on the Identite page.best
dave -
-
Hello there, yes I solved most of it thanks to you, with the full width screen option checking. However, one of the pages , the one called ‘ Actualites ‘, is set up differently and I cannot find the option for full width screen, for that page. It seems it is not considered a page in fact. However I don’t remember setting it up differently….thanks for your help
-
Hi there, Actualites is set up as your blog page to show your posts. I’m seeing it full width right now. Is this now solved?
-
there is one thing I could nt finish : the title of the article I published on the Blog page ‘ Actualité ‘ appears on the right of the screen, not inlined with the top menu, despite the fact I choose the center option for this title. The rest of the article is correctly inlined with the top menu but not the title….
-
Ok
Looking at the Actualities page. The box to the left contains the date/time published, and the link to make comments.If everything being centered is more important that the ability for readers to leave comments, you can disable the comments by following the directions in this document:
https://en.support.wordpress.com/enable-and-disable-comments-for-published-posts-and-pages/
Note that you can disable comments for some or all pages by using the bulk edit feature. Perhaps make a page strictly for comments if they are important?My CSS is not strong, but try this code to make the date/time published disappear:
.entry-meta span { display: none; }Let us know if that works, if anyone see i am going in the wrong direction please do chime in.
dave -
thats a good idea ! is it possible to go back to opening the comments option, once my web site has more followers and comments are a good option ?
-
You can turn the comments on and off as often as you want. I was looking into the possibility of making the comments appear in the footer of the page, or at the bottom of the post but have not yet found a way to do that.
d
- The topic ‘content on computer centered’ is closed to new replies.
WordPress.com Forums 