Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 22, 2021 at 5:14 pm #1330000
    advteksol

    How can I align the text to the top of the box to match the top of the picture?
    Home Interquest Detection Canines of Tennessee – Interquest Detection Canin.. 2021-11-22 at 9.04.49 AM
    Edit Page ‹ Interquest Detection Canines — WordPress - Google Chrome 2021-11-22 at 9.08.26 AM
    Edit Page ‹ Interquest Detection Canines — WordPress - Google Chrome 2021-11-22 at 9.09.32 AM
    Tried -15px padding for that block but it had no effect.
    Edit Page ‹ Interquest Detection Canines — WordPress - Google Chrome 2021-11-22 at 9.12.47 AM

    November 23, 2021 at 5:52 am #1330070
    Rikard

    Hey advteksol,

    Thanks for the screenshots. Could you post a link to where we can see the actual elements as well please?

    Best regards,
    Rikard

    November 23, 2021 at 9:36 am #1330083
    Guenni007

    the p tag got a top/bottom margin of 0.85em

    p {
    margin: 0.85em 0;
}

    even if you set this to Zero – there will be a litle distance.
    But what if you place a separator/whitespace line above the image with a height of 0.85em ?

    and on responsive case – that text under the image – you can set the whitespace to hide on smaller screens.

    November 23, 2021 at 2:27 pm #1330134
    Rikard

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

    November 29, 2021 at 11:05 pm #1330895
    advteksol

    That solution sorta works, but it doesn’t seem like the best way. Here’s a page link you can view:

    Home Interquest Detection Canines of Alabama

    November 30, 2021 at 6:46 am #1330933
    Rikard

    Hi,

    You can target the paragraph which you are looking to align if you add a class to it:

    <p class="my-class">Content</p>

    Then add this CSS in Quick CSS:

    p.my-class {
    margin-top: 0;
}

    Best regards,
    Rikard

    December 1, 2021 at 12:07 am #1331050
    advteksol

    That doesn’t work – the top of the paragraph still doesn’t align with the image to the left.

    December 1, 2021 at 12:05 pm #1331134
    Rikard

    Hi,

    Did you add this in Quick CSS?

    p.my-class {
    margin-top: 0;
}

    Best regards,
    Rikard

    December 2, 2021 at 11:49 pm #1331365
    advteksol

    Yes, as per your instructions.

    December 3, 2021 at 4:15 am #1331383
    Rikard

    Hi,

    It’s not applying on your site. If you need further help, then include admin WordPress login details in private.

    Best regards,
    Rikard

    December 3, 2021 at 9:14 pm #1331508
    advteksol

    Info below.

    December 4, 2021 at 5:51 am #1331522
    Rikard

    Hi,

    You had invalid CSS in Quick CSS:

    #top .social_bookmarks li {margin: 0 8px;};

    I fixed that for you, and the CSS I sent is now applying.

    Best regards,
    Rikard

    December 6, 2021 at 4:26 pm #1331733
    advteksol

    Thanks, it works!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘How to align Text to match picture with two sections’ is closed to new replies.