Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #714642

    Hi,

    Can you please help me with the css code to use to vertically align my texts beside their corresponding icons? These are for the content on my contacts page. I tried the suggestions from other threads but it’s not working for my site. Thanks!

    #715044

    Hey!

    Can you please post the link to your website and a screenshot showing the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Best regards,
    Yigit

    #715169

    Hi Yigit,
    I’ve included the link to our site below. I wanted to have the email text vertically centered in relation to the email icon. Thanks in advance!

    #715226

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #header .textwidget .av_font_icon:nth-child(3) .av-icon-char {
        top: 2px;
        position: relative;
    }
    

    Best regards,
    Yigit

    #715260

    Unfortunately, it didn’t change anything.

    #715265

    Hi!

    I thought you were talking about the icon in the header but now i think you are talking about the one in your content. Can you please create a temporary admin login and post it here privately?

    Best regards,
    Yigit

    #715288

    Sorry for not being clear. I’ve created an admin account for you with the credentials below. Thanks.

    #715298

    Hi!

    I enabled custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your Text Block element and gave it a custom CSS class and then added following code to Quick CSS in Enfold theme options under General Styling tab

    .custom-line-height p {
        line-height: 50px;
    }

    Please review your website now :)

    Best regards,
    Yigit

    #715399

    Hi Yigit,

    Thanks for your amazing support! The icon and text are now vertically centered.

    #715403

    Hi!

    You are welcome!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Vertical align text and icon’ is closed to new replies.