Hi Yigit,

Thanks for taking this up.

I have applied the above code, strange things are happening though, the icons seem to move left and right, wereas before they didn;t move, also the icons are not centered and there needs to be a </br> between the icon and the text.

Naturaloutlook.com is my site.

This is look would be nice, click on Services: http://demo.pixelentity.com/?oneup_wp

Best regards

Gary

Hi Yigit,

Sorry to trouble you again, I still have problems with the icons on iPad – iPhone and text being cut off – I removed the code from above as it placed the txt that was to originally to the right of the icons, below it, however there were alignment issues, then the icons in each column would randomly twitch / move (maybe a different update and it looked like a line of pixels were missing, very strange.

If anyone else brings this up, or you guys can think of a different work around solution, please let me know.

Here was Ismael’s original thread: https://kriesi.at/support/topic/icon-list-issue-on-ipad/#post-134838

Thankyou for your help, you guys are the best!.

Gary

Hi Yigit,

Thankyou for your help.

I couldn;t get the code to work – I tried cross browser and deleting cache.

I am reluctant to post an admin login.

The html for the text in the slider reads:

<div class=”avia-caption-content” itemprop=”description”><h2><span style=”color: #ffffff;”>CONSULTING</span></h2>
<h5 class=”avia-caption-title”><span style=”text-decoration: underline; color: #ffffff;”>Click To See Video</span></h5>
</div>

I tried changing the code from:

.slideshow_caption h1, .slideshow_caption h2, .slideshow_caption h3 { text-transform: none!important; }

to

avia-caption-content h1, avia-caption-content h2, avia-caption-content h3 { text-transform: none!important; }

But that didn’t work either?.

Any ideas?. I could switch to Layerslider if we can;t find a fix.

Regards

Gary

Hi Yigit,

Thankyou for your continued help, I truly appreciate it. I couldn;t get the code to work, even after deleting cache, should I try replacing .slideshow_caption with:

avia-caption-content

Thankyou

Gary

Hi Yigit,

Thankyou for the code, I tried to implement the code in the Enfold Custom CSS as follows:

@media only screen and (min-width: 786px) and (max-width: 1000px) {
.avia-icon-list .iconlist_icon {
height: 50px;
width: 50px;
line-height: 50px;
font-size: 25px;
margin-right: 15px;
}
}

@media only screen and (min-width: 786px) and (max-width: 1000px) { .avia-icon-list .iconlist_content_wrap { margin-right: -10px!important; }}

There still seems to be a problem with the text staying the same size and icons cut in half due to smaller column size on iPad / iPhone. Can you check http://www.naturaloutlook.com on your mobile device…I tried it on a new iPad mini….

Can you see any errors with the code?

Thankyou

Gary

Thanks Yigit,

Much appreciated.

Gary : )

My website: http://www.naturaloutlook.com

That’s exactly right Josue, very odd, let me try again…

Hey Yigit,

The social icons are below the blue text on the left of the page, under Overview:

http://www.naturaloutlook.com/about/

I can’t get the social icons to left align (I guess the css is linked to the top social icons that are set up to right align.

Also, there are periods / dots on top of the social icon – I guess due to the ui ‘list function’….

I would like to get these to left align – by each other, rather than gaps between each icon. I tried putting them in a div wrapper – container, it didn;t work – tried a table, no good – must be my coding..

Thankyou

Gary

Devin, you are a star, thanks mate

Gary