Photo / Text alignment

  • xkaijinx

    (@xkaijinx)


    13 years, 10 months ago

    Hi everyone,

    My site is http://livsdragons.com

    I am trying to get the picture align to the left, and have the text in an even pattern next to it. Almost like it is separated by an invisible column.

    How does one do this?

    Also how do I get rid of the white border around the image ?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 10 months ago

    First your HTML elements need be valid; list items must be in unordered-list elements.
    http://www.w3schools.com/html/html_lists.asp

    Use W3C validator to guide you which lines specifically http://validator.w3.org/

    Thread Starter xkaijinx

    (@xkaijinx)

    13 years, 10 months ago

    Thanks for that tip. I just went through the validator and most of the errors are generated from the actual code in the backend from WordPress. Should I be messing with these?

    Where would I find these codes in my wordpress to fix anyways, it is not in my style.css. Thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 10 months ago

    I am trying to get the picture align to the left

    As it appears, your image is aligned left, well as far left as it can go.
    What’s stopping it from further is the parent element, <div class="entry-content">. That parent element is set to a width of 68.9%.

    Thread Starter xkaijinx

    (@xkaijinx)

    13 years, 10 months ago

    Andrew, thanks for your help. I just have 2 questions for you..

    – What is an appropriate width for me to set this element to?

    – Would I need to make (in my child theme) 

    .entry-content {
width: 90% }

    Thanks a bunch

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 10 months ago

    What is an appropriate width for me to set this element to?

    I would remove the width all-together and therefore use the default width value (100%).

    Would I need to make (in my child theme)

    Try using the selectors;

    .singular .entry-content

    Thread Starter xkaijinx

    (@xkaijinx)

    13 years, 10 months ago

    I just added the below code to my child theme (style.css) file, and do not see a change to the site.

    Any idea what I may be doing wrong? 

    .entry-content {
width: 100% }

.singular {
width: 100% }
    Thread Starter xkaijinx

    (@xkaijinx)

    13 years, 10 months ago

    This is now working, thanks!

    I had to end up deleting the .singular #comment-title in the parent theme, and re-add it to the child theme with the width: 100%

    Thanks for the assistance

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 10 months ago

    Just to let you know, the selectors I mentioned were to be used as;

    .singular .entry-content {

}

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Photo / Text alignment’ is closed to new replies.