Home / Forums / You Theme Support / Changing list to H class breaks alignment between text and icon

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • Julian Holtom
    Julian Holtom
    Participant

    If I want to change a list item font size to an “h” it moves out of alignment with the associated icon. Is there a relatively simple CSS fix for this please?

    Hi @jah67

    Can you please explain why you prefer using a header tag on the list instead of just increasing the font size of the text?

    If you really want to use ‘h’ tag for the list, can you specify the page where you want that that to be implemented for us to check which CSS fix we can apply.

    Regards,

    Julian Holtom
    Julian Holtom
    Participant

    How do I change the font size, and does doing it this way align correctly with any icon I might use?

    Hi Julian,

    Can you please specify the page where you have the list so we can give you the specific CSS to increase the font size? It should not affect alignment with any icon you are using.

    Regards,

    Julian Holtom
    Julian Holtom
    Participant

    http://tempconnexions.co.uk/

    The section on sectors we specialise in…

    You can use this CSS to increase the font-size of that list:

    .skinset-background ul{
        font-size: 30px;
    }
    

    Keep in mind this will affect all lists that you have on the site. If you specifically want it applied to this list alone, then a CSS class must be added to it.

    Regards,

    Julian Holtom
    Julian Holtom
    Participant

    Thanks, but it didn’t work.

    Can you please send us your login credentials so we can personally apply the changes needed?

    Regards,

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

You must be logged in to reply to this topic.