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

    Hi,

    I’d like to feature all my content in a 3/4 column which is centered on the page. I could do a 3/5 column with 1/5 columns on either side, but is there a way to simply center a 3/4 column (since there are no 1/8 columns)?

    On the linked page, the column shown is the one I’d like to center.

    Thanks!

    Chris

    #585628

    Hey dunawaychris!

    You can do this add custom class name to the 3/4 element it will help you easily target the ALB elements and add custom css to center it.

    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    
    .custom_class .av_three_fourth {
        left: 50%;
        transform: translateX(-50%);
    }
    

    Regards,
    Vinay Kashyap

    #588107

    Hi,

    Thanks so much for your help. Unfortunately I can’t get this to work. I updated the functions.php file and added the code to the custom css box in styling, but what do I add to the custom css field in the element itself? I tried av_three_fourth but that didn’t work.

    Thanks again for all your help,
    Chris

    #588759

    Hi,

    You would need to add this to the custom CSS field: custom_class

    If you should have further problems then please post admin login details in private and we’ll have a closer look.

    Thanks,
    Rikard

    #589381

    Hi,

    So sorry, I still can’t figure this out. Here are the screenshots of what I’ve done. I’ll also post my login credentials.

    Thanks so much,
    Chris

    #590758

    Hey Chris!

    Edit: Please ignore the post if you have received an email. I replied in wrong topic :)

    Do you mind creating a temporary admin login and posting it here privately?

    Cheers!
    Yigit

    • This reply was modified 8 years, 8 months ago by Yigit.
    #596011

    Not at all! Thanks so much for your help.

    Chris

    #596058

    Hi!

    We enabled custom class name.
    In the 3/4 column we added a custom class called “center_this”

    We added custom CSS in Quick CSS as mentioned above

    and created a test page here (see private content)

    Best regards,
    Vinay Kashyap

    #596460

    Perfect, thanks so much! You’re the absolute best!

    #597132

    Hi,

    Glad we could help :-)

    Thanks,
    Rikard

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