-
AuthorPosts
-
November 21, 2016 at 5:23 am #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!
November 21, 2016 at 11:08 pm #715044Hey!
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,
YigitNovember 22, 2016 at 9:28 am #715169Hi 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!November 22, 2016 at 12:03 pm #715226Hi,
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,
YigitNovember 22, 2016 at 12:50 pm #715260Unfortunately, it didn’t change anything.
November 22, 2016 at 12:52 pm #715265Hi!
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,
YigitNovember 22, 2016 at 1:13 pm #715288Sorry for not being clear. I’ve created an admin account for you with the credentials below. Thanks.
November 22, 2016 at 1:32 pm #715298Hi!
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,
YigitNovember 22, 2016 at 4:40 pm #715399Hi Yigit,
Thanks for your amazing support! The icon and text are now vertically centered.
November 22, 2016 at 4:42 pm #715403Hi!
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 -
AuthorPosts
- The topic ‘Vertical align text and icon’ is closed to new replies.