WordPress.org

Ready to get started?Download WordPress

Forums

Chunk
[resolved] Theme Skewed on Desktop (11 posts)

  1. Charlotte-Anne
    Member
    Posted 1 year ago #

    I'm having trouble with the layout when viewed on a desktop (v. laptop).

    What can I do to ensure the theme isn't relegated to a tiny corner?

    http://charlotteannemalischewski.com/wp-content/uploads/2013/03/578239_10152657925410182_1768959588_n.jpg

    Thanks!

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Looks like you added absolute positioning to the custom CSS?

    #container {
        padding: 0 70px 70px;
        position: absolute;
        right: 0;
    }

    That's what is doing that...

  3. Charlotte-Anne
    Member
    Posted 1 year ago #

    Yes, I did. I would still like the content to be on the right side of the page so that I can have an image on the left. Is there a way of coding it do it is left of centre, but not absolutely on the right?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Wrap a <div> around your image (that you want left) and your content. Give that <div> a certain width and position of relative.

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yes, absolute positioning really is not the way to do that - try using "float: right;" or add a margin on the left side.

    EDIT - or the above from the CSS master :)

  6. Charlotte-Anne
    Member
    Posted 1 year ago #

    Thanks, I've got it floating on the right, now.

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    I've removed your absolute positioning through this CSS;

    #image {
     width: 400px;
     overflow: hidden;
    }
    
    .col {
     float: left;
    }
    
    #wrapper {
     width: 1350px;
     margin: 0 auto;
    }

    In relation to the new HTML shown in this screenshot http://snag.gy/SLknb.jpg . Look at the new HTML structure. That screenshot shows your website zoomed out.

    Here's a screenshot of what that modification looks like with normal zoom http://snag.gy/xbguV.jpg .

  8. Charlotte-Anne
    Member
    Posted 1 year ago #

    Great, and where to I specify the image url in that code?

    Thanks!

    charlotteannemalischewski.com

    PS - Yes, it was a screenshot from a mac desktop screen rather than a laptop hence the zoomed out look

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    You make the image in HTML. If a background image is used, you end up having problems with height.

  10. Charlotte-Anne
    Member
    Posted 1 year ago #

    Hm. Sadly, I'm too much of a newbie to know what you mean.

    Is there CSS code or code I can insert into the .php files in order to add in a bottom-left png file (photo)? Thanks.

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    Sorry, I don't follow your intent.

    If you need further CSS support than this forum provides, you can try CSS forums such as http://csscreator.com/forum

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.