Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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).

    Current Display

    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)

    How I would like it to look

    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:

    How I got the current look

    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.
    #273465

    Hi,

    Can you post the link to that page please?

    Regards,
    Josue

    #273578

    Hi 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.

    #273595

    Unfortunately 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,
    Josue

    #273879

    Hi 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.

    #273882
    This reply has been marked as private.
    #274014

    Hi!

    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.css

    Regards,
    Josue

    #274306

    Hi 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,

    #274366

    Hey!

    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=6

    Best regards,
    Josue

    #274435

    Thanks 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.

    #274436
    This reply has been marked as private.
    #274639

    Hey!

    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

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.