Text alignment

[alinahomecareParticipant]

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.

[Ernest MarcinkoKeymaster]

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 :)

[Author]

Posts