August 4, 2013 at 1:00 pm #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]August 4, 2013 at 11:29 pm #133140
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.
This will move the button on top of the image. You can do the same with the Text block element.
IsmaelAugust 8, 2013 at 4:42 am #133141
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
I forgot, you need to add this on your functions.php below line 16:
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.
IsmaelAugust 8, 2013 at 12:55 pm #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.
JonathanAugust 8, 2013 at 12:58 pm #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)August 10, 2013 at 3:03 am #133145
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/
NickAugust 10, 2013 at 7:38 am #133146August 12, 2013 at 7:28 pm #133147
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.
DevinAugust 13, 2013 at 6:13 am #133148
The topic ‘How to add content elements to the Avia layout builder?’ is closed to new replies.