-
Posts
-
I reference a demo of enfold: https://kriesi.at/themes/enfold-one-page-agency/
and I see some beautiful template. How can I make these template:
1. A middle block floating up another
2. 6 icons in a table and when I hover it replace by some text.
Please give me some solution.
Thank you!Hey NHAT TAN,
This was actually made with a bit of custom css. You would need to utilize custom css and perhaps an animation library to achieve the same result. While coding this goes beyond the scope of support here in the forum, hiring a freelancer would possibly be able to get those styles and functions pretty quickly.
Best regards,
Jordan ShannonHi,
Please open a new page and add the shortcode in this link https://pastebin.com/raw/H3ZAvh8m
Publish the page to view the elements.
The rotating icon and text you see is an Icon Grid element. To be able to view this in your theme please make sure you are running the latest version of Enfold theme which is 4.5.2
Best regards,
VinayThanks Vinay;
Perfect work for Icon Grid. But the horizontal Gid Block is vertical, now. How can I fix it?Hi ezvisa,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
NikkoHi Niko;
I glad to see you again. I gave the Temporary Login in Private Content. Please have a look and guide me to fix it.
Thanks.Hi ezvisa,
Great to see you again too :)
I have checked the backend of the link you gave (link in private content) but I could not find the Horizontal Grid Block.
Can you provide a screenshot?Best regards,
NikkoNiko, You can see this here: https://imgur.com/Dh7ixwh
I paste the code you gave in the last Short Code element of the page.Hi,
Thank you for contacting us.
I checked the test page you created but I’m unable to edit the element as the shortcode provided is inside a code block.
Please enable the debug mode and insert the shortcode provided inside the empty space that is available at the bottom of the page/post.
Best regards,
VinayThanks, Vinay;
I followed your instruction and success. I have a question, Should I always use debug- mode at any time I add a shortcode from you?
Why Code block, in this case, is not working?Hi ezvisa,
It depends, in your case since you were asking for the layout and Vinay just gave you the shortcodes used for the layout so you can use it on your site.
The horizontal grid block you mentioned only shows on top of each other vertically is on mobile which I think is appropriate since the content area for mobile devices are too narrow and making 3 columns to 3 rows stacking on mobile is the right approach.Best regards,
NikkoWhy I add to the code block, It shows 3 blocks in 3 columns stacking up each other.
But when I add code into debug area, it shows 3 blocks in 3 rows stacking up each other.
I am only curious.Hi ezvisa,
The reason it shows like that is because of how wordpress process shortcodes.
When it’s in Avia Layout Builder (when added in debug area) basically those 3 av_one_third shortcode are processed as one and this way 3 1/3 column are wrapped inside a single wrapper.
While in Code Block each av_one_third shortcode is processed one by one and are not wrapped inside a single wrapper which results to 3 rows instead of 3 columns.Best regards,
Nikko
- The topic ‘One Block floating up another block beside’ is closed to new replies.