Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 4, 2013 at 1:00 pm #27200
    energetic2013

    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’%5D

    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/”%5D

    [/image_with_text_over]

    August 4, 2013 at 11:29 pm #133140
    Ismael

    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

    August 8, 2013 at 4:42 am #133141
    energetic2013

    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?

    August 8, 2013 at 6:08 am #133142
    Ismael

    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

    August 8, 2013 at 12:55 pm #133143
    energetic2013

    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

    August 8, 2013 at 12:58 pm #133144
    energetic2013

    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)

    August 10, 2013 at 3:03 am #133145
    Nick

    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

    August 10, 2013 at 7:38 am #133146
    energetic2013

    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

    August 12, 2013 at 7:28 pm #133147
    Devin

    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

    August 13, 2013 at 6:13 am #133148
    energetic2013

    ok

    thanks

  • Author
    Posts
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.