WordPress.org

Support

Support » Themes and Templates » [Resolved] Theme Skewed on Desktop

[Resolved] Theme Skewed on Desktop

Viewing 10 replies - 1 through 10 (of 10 total)
  • WPyogi
    Forum Moderator

    @wpyogi

    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…

    Charlotte-Anne
    Member

    @charlotte-anne

    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?

    Andrew Nevins
    Forum moderator

    @anevins

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

    WPyogi
    Forum Moderator

    @wpyogi

    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 🙂

    Charlotte-Anne
    Member

    @charlotte-anne

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

    Andrew Nevins
    Forum moderator

    @anevins

    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 .

    Charlotte-Anne
    Member

    @charlotte-anne

    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

    Andrew Nevins
    Forum moderator

    @anevins

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

    Charlotte-Anne
    Member

    @charlotte-anne

    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.

    Andrew Nevins
    Forum moderator

    @anevins

    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

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Resolved] Theme Skewed on Desktop’ is closed to new replies.