Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 23, 2022 at 12:20 pm #1356275
    Swarez

    Hi there.

    I’d like to make the phone info text to have a vertical alignment middle.

    Tried a few solutions on the forum but nothing is working. I’ve isolated a CSS rule in the base.css file but looks like this changes a lot of things that don’t need changing.

    Could you provide the CSS for the div tag for just the phone info please?

    Thanks in advance.
    Ed

    • This topic was modified 2 years, 5 months ago by Swarez.
    June 24, 2022 at 8:40 am #1356366
    Ismael

    Hey Swarez,

    Thank you for the inquiry.

    Are you referring to the phone number in the first footer column? It is already centered when we checked, but you can use this css code just in case.

    #footer #custom_html-7 .textwidget {
    text-align: center;
}

    Best regards,
    Ismael

    June 24, 2022 at 8:49 am #1356367
    Swarez

    Hi Ismael

    Thank you for that.
    I’m referring to the top bar, sorry – should have made that clear! Apologies.
    Ed

    June 24, 2022 at 11:30 am #1356392
    Rikard

    Hi,

    Thanks for the update. I can’t see a phone number added in the top bar, could you add one so that we can see what results you are getting please?

    Best regards,
    Rikard

    June 24, 2022 at 9:12 pm #1356440
    Swarez

    Hi Rikard
    Can you see the words ‘Interest Free Credit available’ and a small logo? There may be a caching crossover so try the link I sent
    Thanks
    Ed

    June 25, 2022 at 12:03 am #1356443
    Mike

    Hi,
    Thank you for the link to your site, please try this css:

    #header_meta .phone-info img {
	vertical-align: middle;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 25, 2022 at 11:18 am #1356466
    Swarez

    Hi Mike
    Thank you for that.It seems to be working now!!!

    One final thing if I may – if i wanted to recolour that whole phone info space, what CSS would I need?

    Many thanks
    Ed

    • This reply was modified 2 years, 5 months ago by Swarez.
    June 25, 2022 at 12:37 pm #1356470
    Mike

    Hi,
    Glad to hear, to change the background color try this css:

    .header_color #header_meta.container_wrap_meta {
	    background: #bbbbbb;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 27, 2022 at 9:43 pm #1356635
    Swarez

    Thank you so much Mike! Greatfully appreciated!
    Ed

    June 28, 2022 at 8:34 am #1356668
    Ismael

    Hi,

    No problem. Glad we could be of help. Please do not hesitate to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Phone info realignment’ is closed to new replies.