WordPress.org

Ready to get started?Download WordPress

Forums

[Theme: Oxygen] Increasing width on posts (21 posts)

  1. eloria
    Member
    Posted 1 year ago #

    Hi! I want to increase the width of the content on my posts. I feel the text is narrow and would like for it to spread out more.

    Website: http://www.eduardoloria.com

    Thank you in advance!

    Ed

  2. Tareq
    Member
    Posted 1 year ago #

    Do you have any widgets displayed in your sidebar?

  3. eloria
    Member
    Posted 1 year ago #

    2 widgets on the left sidebar: newsletter sign up and pages list. Thank you!

  4. Tareq
    Member
    Posted 1 year ago #

    I'll install this theme on my local and get back to you. Think it's a bit of CSS hackery to be honest.

  5. eloria
    Member
    Posted 1 year ago #

    Ok thank you so much!

  6. Tareq
    Member
    Posted 1 year ago #

    Managed to get you a full width post, however the posts image alignment is not perfect.

  7. eloria
    Member
    Posted 1 year ago #

    Oh wow, can I see? How did you do it?

  8. Tareq
    Member
    Posted 1 year ago #

    Your CSS has been minified so please be very careful when you edit it. Ideally make a backup of it first, then open style.min.css

    1. Find (Ctrl+F): .hentry .archive-thumbnail
    2. Add property: float: right;
    3. Find: #content
    4. Change: width to 100%

    That should do it, and the image alignment should be perfect too.

  9. Tareq
    Member
    Posted 1 year ago #

    Remember this will affect all posts, sitewide + also ensure you're editing the correct CSS selectors.

  10. eloria
    Member
    Posted 1 year ago #

    Should I make a child theme? I think I read about how to do that?

    Thank you so much!!!

  11. Tareq
    Member
    Posted 1 year ago #

    I would strongly advise you to create a child theme if you haven't already. More information can be found here.

    Hope your problem is solved!

    Tareq

  12. eloria
    Member
    Posted 1 year ago #

    I'll make the child theme and then do what you suggested! Thank you so much Tareq!

  13. eloria
    Member
    Posted 1 year ago #

    For some reason when I install my child theme, it messes up the width of the post already and things appear of center. Is it because I potentially messed with the Oxygen code style sheet? I've already deleted and reinstalled both the original oxygen theme and the child and the same problem keeps coming up

  14. Tareq
    Member
    Posted 1 year ago #

    Hello, sorry for my lack of response today, I've been away from my computer for a while.

    Did you import the parent stylesheet using @import?

  15. eloria
    Member
    Posted 1 year ago #

    I did, case sensitive and everything

  16. eloria
    Member
    Posted 1 year ago #

    Only imported the style sheet and I just named it Oxygen child

  17. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Hi Ed - maybe we can get this back on track. Can you deactivate the caching and minify plugins for a bit - that will make it much easier to make changes to your site. And then go ahead and switch to the child theme.

  18. eloria
    Member
    Posted 1 year ago #

    OK i deactivated the plug in and am using the child theme

  19. mihaigiurgiu
    Member
    Posted 1 year ago #

    After activating child theme to oxygen my site was all a mess. I tryd a lot of things, manually and I could not find the error.

    I decided to try installing Child Theme with the plugin "One-click Child Theme". It did worked and SOLVED the problem. Now the site looks the same as in standard theme.

    Now there is another file in child theme folder. It's named RTL Stylesheet (rtl.css) and has the code:
    /*
    Theme Name: OxygenChild
    Template:

    Right to Left text support.
    */
    @import url("../twentyeleven/rtl.css");

    Style.css looks the same like my old one.

    So .. I recommend the plugin, at least for this theme.

  20. nexbelgium
    Member
    Posted 6 months ago #

    Hi, thanks for the fix @worthingtech.

    The only issue I have now is that the header image of the posts stays at the original width. Is there a solution for that?

  21. mihaigiurgiu
    Member
    Posted 6 months ago #

    I think you can resolve this by:

    1. first inserting this code in your child theme:
    .hentry .archive-thumbnail {
    width: XXXpx;
    height: YYYpx;
    }
    You will have to put the new width of your content space (instead of XXX and YYY).

    2. For changes to work, you have to change the sizes of your thumbnails. You can do this in Settings - Media (in dashboard). Again, here at thumbnail, you have to put your new XXX and YYY measures.
    Probably this changes are good just for images inserted from this point forward.

    3. For changes to older posts, you have to force your theme to change your old thumbnails. (For every image inserted in media, the theme has saved some variations of the image cropping it in thumbnails.)
    I successfully solve this with a plugin: Force Regenerate Thumbnails. This plugin will help you converting your old thumbnails to new measures.

    4. If this do not work, you have to delete some lines in the blog pages .php. (index.php or Blog Page Template(page-template-blog.php))

    Hope I understood the problem and this will help.

Topic Closed

This topic has been closed to new replies.

About this Topic