Text alignment

This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 3 months, 3 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #39570
    alinahomecare
    alinahomecare
    Participant

    Hi, I am having a lot of issues with trying to text-align: center the first line of text on the search results. No matter where I put the code, it doesn’t work? See image – it’s the bit in the red circle I need to centre.

    Attachments:
    You must be logged in to view attached files.
    #39580
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi,

    It happens, because the text itself is inline within an anchor and the containing h3 element is also displayed as inline (that is the default for browsers). To center them, the container has to be converted to a block and given a 100% width. This custom CSS will do the trick:

    .asp_r h3 {
        display: block;
        width: 100%
    }
    .asp_r h3, .asp_r h3 a {
        text-align: center !important;
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.