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

    #643205

    Hey 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,
    Vinay

    #646551

    I 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?

    #646569

    Hi,

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

    #646571

    Ok 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:

    #646591

    Hi,

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

    #646692

    login account provided

    #646695

    Hi,

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

    #646712

    I tried to reproduce it, and it’s still not the same:

    #646716

    Hi,

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

    #646717

    try again, fixed the login

    #646726

    Hi,

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

    #646945

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

    #648002

    I 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!

    #648292

    I’m still looking to get a solution to get these 2 rows to be together without any space (margin/padding).

    Please advise.

    #648410

    Hi,

    Please move the grid row element around, update the page then move it back to its original position. Right now, one of the grid row is outside the wrap all container. Please update the theme to the latest version, 3.6.1.

    Best regards,
    Ismael

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