• Hello,
    I’ve searched and read a lot on the forum, but hope someone will give me some easy ”to do” steps.
    I learned a lot but still am not good in all the css codes….sorry

    Question is simple:
    My website pages are TOO NARROW.
    I cannot even fit a normal sentence on one line. It looks bad too and really wish to make the pages wider.

    My site is:

    Please help.
    I use Asteria Lite theme if that is important to know.

    Thank you so much

Viewing 5 replies - 16 through 20 (of 20 total)
  • Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    I think you’re overthinking how to do the styles, Rsmets. ?? Everything should actually look the same unless you start to change things. If you are going to change things, you want to change them globally, i.e. for all pages, all posts and not line by line in a single page.

    You mention that you’ve spent months building this – was it content or the theme that you worked on?

    Here are my suggestions on approaching this:

    1. Reset the styling changes regarding the widths
    2. Depending on how much you have changed the theme, save your changes. If you do not mind losing your changes, I’d suggest wiping it. Remove and reinstall the theme if need be. As a test, you can always switch themes to the 2015 theme or similar and just see how everything looks – these differences show you what is done at content level and what is done at theme level.
    3. Go through your pages and posts and remove the formatting. You want there to be as little formatting as possible – hyperlinks, lists and images are good, but everything else should be plain text. Here’s how to use the remove formatting tool: https://make.www.ads-software.com/support/user-manual/content/editors/visual-editor/#remove-formatting
    4. Review your pages/posts from the front end, now that the formatting has been stripped. Now is the time to decide what kind of global changes you want. For example, are your page titles big/bright/dark enough? If you want to change them, change the CSS for that thing. Then go on to the next thing that you want to change.

    The bulk of my advice really relates to separating your design/branding/theme from your content. Your pages and posts should be as simple as possible, with most of the styling coming from global CSS.

    I do hope this helps you further! ??

    Thread Starter rsmets

    (@rsmets)

    Hi guys….Thank you

    the courage is sinking deep here ….
    Hannah, you have no idea how I wish you still lived in the Netherlands so you could help.
    I’m sure you sit 30minutes and do as much as me in a whole day!

    Hannah’s suggestions:
    1. I did reset it.
    2. Oh no, that is too scary.
    3. I read it and clicking the button is easy…but then comes the hard work.
    So, I have no clicked ”remove” yet!
    4. when you simply say ”change CSS”, you mean in the ”editor”??? or on each page or post?

    You both are right saying “”i did too much changes” but I did it without being aware and I spent so much time learning the html codes and now realize it’s all a mess.
    But after the sweat & tears I put in, I really will NOT erase it all.
    So, please understand that I wish to make it look good but with minor changes and easy steps.
    I cannot turn the clock back, so saying things that I ”should have done” are not helping. ??

    I just hope I can adjust with minor changes….and am so afraid that the ”remove formatting” will erase a lot…no?

    Thanks!!! I really work with any further suggestions and I keep learning so please keep patience with me ??

    Jason King

    (@jasoncharlesstuartking)

    Using Appearance > Editor to change code is risky. That way lies panic and disaster if something goes wrong. A better way to do it is to install Filezilla and connect to your site using FTP to make changes. Yes, something else to learn. But it will soon make your life much easier.

    Make a backup of your entire site. Then it doesn’t matter what you do, you can safely change anything but still revert back to how it looked before. There are plugins to help you make backups but it’s very important that they backup everything (files, data, uploaded images etc).

    Removing formatting (as per Hannah’s suggestion) is a great idea. It shouldn’t foul anything up. There shouldn’t be any CSS formatting in the html anyway, just plain simple html, so removing it all in one fell swoop shouldn’t need to worry you! All the time you spent writing content (the most important thing) will not be wasted, that won’t get erased.

    The way your site is now, adding more code to it and making minor changes will probably make things worse.

    To change CSS, you need to edit the style.css file but not html files and not pages and posts in WordPress.

    For example, one single addition to the end of the style.css file such as

    `p {
    color: pink;
    }’

    would turn all of your paragraph text pink. So little code, such big impact. That’s why I suggested you revert to the original out-of-the-box theme then edit its CSS.

    A couple of dozen little code changes, and you’ll have a smart looking branded website in no time at all.

    But BACKUP and CHILD THEME first.

    Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    Excellent advice by Jason King! ?? I have absolutely nothing to add – good luck!

    If you do want someone who could sit down with you, then I suggest using WPJobs. Otherwise, I think you’re doing a great job already. ??

    Thread Starter rsmets

    (@rsmets)

    Thanks you guys,
    I am afraid I”ll have to go back to the reading and studying and change it all again….
    First the back up and child theme…
    Then the Formatting….

    Hours to come….if only the days had more hours ??

    But I will do it as you said ??

    Thank you
    Rachel

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘How to make pages WIDE in simple steps?’ is closed to new replies.