-
AuthorPosts
-
June 3, 2016 at 2:08 pm #642554
I wanted to know what builder element was used for the 4 call to action buttons on the home page below the main image:
-new winter collection, latest street clothes, etc.I would like to do the same thing on my site.
Also, how to I remove the all caps for the h tags that come as the default?
June 5, 2016 at 9:32 pm #643205Hey dabomb,
It was made using Grid Rows available in the layout elements and images were inserted.
Try enabling the debug mode and use the below shortcode http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections'] [av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/winter-girl-small-495x400.jpg' attachment='551' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product,66' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] NEW WINTER COLLECTION [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/couple-sitting-495x400.jpg' attachment='546' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,15' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] LATEST STREET CLOTHES [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/girls-shopping-desat-495x400.jpg' attachment='549' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,12' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] FRESH SPORTSWEAR [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working-495x400.jpg' attachment='554' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,10' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] FUNKY ACCECCOIRS [/av_image] [/av_cell_one_fourth] [/av_layout_row]
To remove all caps from h tags would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
VinayJune 11, 2016 at 2:29 pm #646551I have tried working with the code example provided, but every time I try and utilize the same code, it breaks the formatting of the page:
I was hoping there were some settings in the grid row portion of the builder that would allow me to create the hover action. Is there any settings in the page builder interface, or is that something I need to add with the code?
In terms of the All Caps, if you look at all the headers on that page, they are all in caps. I believe there is some custom css code I can add to remove that?
June 11, 2016 at 4:06 pm #646569Hi,
I have tested the code on my installation it should give you a grid layout that looks like the below screenshot. (If images do not appear please click the grid layout edit options and add your own background images).
I believe when you paste it the code is inserted inside another element.
Please try it on a blank page and add other elements http://pastebin.com/raw/xhjTNHyE
Best regards,
VinayJune 11, 2016 at 4:11 pm #646571Ok I tried that, and it’s forcing the page to be a fixed width layout, which I don’t want.
http://development2016nysonline.net/test1/?preview_id=458&preview_nonce=a7b5a94b6c&preview=true
Isn’t there a simple way to do the hover effect in the page builder? Or do I have to do it with short codes?
I want to have the section below the testimonials on the homepage to have the same effect at the shop example:
June 11, 2016 at 5:10 pm #646591Hi,
We need to take a closer look please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
VinayJune 11, 2016 at 11:00 pm #646692login account provided
June 11, 2016 at 11:04 pm #646695Hi,
The shortcode provided was wrapped in < pre > tag which was not suppose to be :) I have removed it now please check the test page.
Best regards,
VinayJune 11, 2016 at 11:41 pm #646712I tried to reproduce it, and it’s still not the same:
June 11, 2016 at 11:57 pm #646716Hi,
The login details do not work for me any more to take a look at it but please make sure the shortcode is not inside < pre > and it should just work fine :)
Best regards,
VinayJune 11, 2016 at 11:59 pm #646717try again, fixed the login
June 12, 2016 at 12:16 am #646726Hi,
Everything you did was correct but advanced layout builder was not activated. After adding the shortcode please update the page then click on advanced layout builder to check all shortcode elements are showing up inside it and click update again :)
Best regards,
VinayJune 12, 2016 at 4:37 pm #646945Thanks for all the help. Just a couple more things. Please look at the test2 page again. How do I get rid of the white space in between the rows? I want them to be together, like on the home page?
Also, how do I make the header tags not be all CAPS? Look on the home page to see what I mean.
June 14, 2016 at 2:15 pm #648002I was hoping to get this piece of the site done this week. Please advise on how I can get the 2 rows to be together without the space:
I had done it with the page builder easily on the current home page, but with the short codes, it seems there is a margin or something. Look at what I have on the home page below the testimonials area:
thanks!
June 14, 2016 at 10:20 pm #648292I’m still looking to get a solution to get these 2 rows to be together without any space (margin/padding).
Please advise.
June 15, 2016 at 6:39 am #648410 -
AuthorPosts
- You must be logged in to reply to this topic.