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

    Can I add content elements to the Avia layout builder?

    In particular I need to use image_with_text_over title code

    as in :

    [image_with_text_over title='BACKGROUND / HISTORY' image_link='http://nitzaflantz.com/wp-content/uploads/2013/07/02-history.jpg']

    What did I know about painting by then?

    [button size='tiny' color='' background_color='' box_shadow='' font_size='' line_height='' font_style='' font_weight='' text='MORE' link="http://nitzaflantz.com/background-history/"]

    [/image_with_text_over]

    #133140

    Hi,

    First, insert a column element then add the Image, Text Block then the Button. Give the button a unique css selector, for example “new-button”. Add this on your custom.css or Quick CSS.

    .new-button {
    position: absolute;
    top: 80px;
    left: 10px;
    }

    This will move the button on top of the image. You can do the same with the Text block element.

    Regards,

    Ismael

    #133141

    thanks,

    what is the easy way to “Give the button a unique css selector” ?

    I tried switching between the editors, but only code only shows sometimes the default editor.

    Is that how it should be?

    #133142

    Hi,

    I forgot, you need to add this on your functions.php below line 16:

    add_theme_support('avia_template_builder_custom_css');

    After this, you will be able to add a unique css selector for each avia elements like Buttons, click the Button element then scroll below.

    Regards,

    Ismael

    #133143

    Great! that is awesome.

    The feature i was after was an image, text and button appearing only when scrolled over with mouse (or touched on an iPad)

    What I managed to create so far is and image with text and button on top of it.

    Any help would be greatly appreciated.

    Jonathan

    #133144

    to be more precise:

    The feature i was after was an image with title,

    alternate text and “More” button appearing only when scrolled over with mouse (or touched on an iPad)

    #133145

    Hi,

    I am not familiar with transitions on that level to be able to create something like that. If you can show me a page anywhere that has such an effect , I can adapt it.

    I searched and found this example which may be what you are looking for http://jsfiddle.net/nAg7W/

    Here is another example http://jsfiddle.net/nAg7W/1/

    Here is 3rd example http://jsfiddle.net/jlratwil/w83BW/

    Thanks,

    Nick

    #133146

    thanks Nick

    please look at this page, the three columns under the slider

    http://themeforest.net/item/central-versatile-multipurpose-wordpress-theme/full_screen_preview/4798696

    many thanks,

    Jonathan

    #133147

    Hi Jonathan,

    You’ll need to have a freelance developer assist you with that depth of customization. It should be doable but its beyond what we can assist with via support.

    Regards,

    Devin

    #133148

    ok

    thanks

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘How to add content elements to the Avia layout builder?’ is closed to new replies.