-
AuthorPosts
-
June 2, 2014 at 6:49 pm #273431
Hi, just a quick question (I have searched the forum but not seen this exact request). I want to put multiple ICONS within a section (1/3 in this case).
I can get multiple ICONS on the same “ROW” (i.e. Side by side) by placing one after another in the layout element (with left justify).BUT, I would like them ALL to be centered in the Element so it looks nice. – See below of how I would like it to look (used photoshop to move the icons to the middle)
If I make the ICON centered then I only get ONE per “ROW” i.e. can not get them side by side. This is how I am using the features at the moment:
Is there any way to get them centered as in the example above? (I am wanting to create many pages so need this in a Template rather than having to type / edit lots of HTML and links etc)
Thanks
- This topic was modified 10 years, 6 months ago by Cliffy.
June 2, 2014 at 7:30 pm #273465Hi,
Can you post the link to that page please?
Regards,
JosueJune 2, 2014 at 11:15 pm #273578Hi Josue,
My website is just experimental at the moment and is under maintenance mode. If you can let me have the IP address you want access from, I can let you view the page.
June 2, 2014 at 11:33 pm #273595Unfortunately i can’t, my address changes very often, you could try playing around with the Inspect Element tool in Chrome, this may help you:
http://designshack.net/articles/css/how-to-center-anything-with-css/Regards,
JosueJune 3, 2014 at 2:00 pm #273879Hi Josue,
Unfortunately I’m still a noob. Don’t understand CSS. But have created a user login for you and enabled Maintenance Mode for admins. Will post these in a Private reply below. It’s not a major issue, but aesthetically would be a nice to have.June 3, 2014 at 2:04 pm #273882This reply has been marked as private.June 3, 2014 at 5:54 pm #274014Hi!
I applied some CSS to the first icon to push it to the center:
.first_icon { margin-left: 26%; }
It works, but it’s not taking effect because of some caching functionality on your server (the pagespeed thing):
http://www.therecoveryforum.org/wp-content/uploads/dynamic_avia/A.enfold.css,qver=1.pagespeed.cf.u1q0UhYV66.cssRegards,
JosueJune 3, 2014 at 11:24 pm #274306Hi Josue,
That’s a great solution thank you. However …. due to the way I have to categorise my site, I need to change the layout so instead of using a Page, I need to use the Portfolio function. The Custom Css Class field is not available for the ICON within a portfolio item :/
(not sure about the pagespeed but it did refresh for me. Should I look to turn this off or is it beneficial? My host is Dreamhost)
Thanks,
June 4, 2014 at 4:58 am #274366Hey!
There is no reason why you couldn’t put a class in a ALB element within a portfolio item, look:
http://www.therecoveryforum.org/wp-admin/post.php?post=3271&action=edit&message=6Best regards,
JosueJune 4, 2014 at 11:14 am #274435Thanks Josue,
This is really strange. I am using that site for testing etc and then re-creating things that work on a site that will go live. On my site that will go live the Css field is missing.
I will send you the login details in a private reply below. If you could take a look as to why the Css field is missing that would be great.
Thanks.
June 4, 2014 at 11:20 am #274436This reply has been marked as private.June 4, 2014 at 6:43 pm #274639Hey!
Now you can set a class there too, i had to enable this:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/Regards,
Josue -
AuthorPosts
- You must be logged in to reply to this topic.