-
Posts
-
hello
my site is bodytalkminneapolis.com
and the page I am focusing on for this question is:
https://bodytalkminneapolis.com/index.php/blog/I am curious and would like to please learn how to make my blog page (https://bodytalkminneapolis.com/index.php/blog/) blog page that looks similar to this:
How would I make it I can
-upload the picture to show
-have a titleIs it possible to do a hover over effect like this?
Thank you for any feedback you have
Hey Nathan,
Well, to build the same layout you might want to hire a freelancer to do it for you.
You can choose the option to use the Advanced Layout Builder to build blog page and build it the way you like it, you can use masonry to show blog posts, it will be close to layout above and will have the hover effect.Here is blog masonry demo
If you need further assistance please let us know.
Best regards,
VictoriaI selected grid layout and it still looks like this
Hi,
If you want to import the page Victoria linked to then you can activate debug mode in order to see builder shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Then you can paste this shortcode to a new page:
[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2017/02/banner-news-alt.jpg' attachment='1057' attachment_size='full' attach='scroll' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0'] [av_heading heading='Latest News<br/>Everything thats going on at Enfold is collected here' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='0' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg='rgb(34, 34, 34)'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)'] [av_textblock size='' font_color='custom' color='#dddddd' admin_preview_bg='rgb(34, 34, 34)'] <p style="text-align: center;">Hey there! We are Enfold and we make really beautiful and amazing stuff. This can be used to describe what you do, how you do it, & who you do it for.</p> [/av_textblock] [/av_section] [av_masonry_entries link='category' sort='no' items='6' columns='3' paginate='load_more' query_orderby='date' query_order='DESC' size='fixed' gap='large' overlay_fx='active' id='' caption_elements='title excerpt' caption_styling='overlay' caption_display='always' color='' custom_bg='']Best regards,
RikardI feel overwhelmed and confused seeing the message and code.
I have a need to learn step by step.
I don’t want to mess anything updoes “paste this shortcode to a new page”
mean create a new page titled “blogs” and paste this into a code block element?
Hi,
Just try to take a deep breath and follow my instructions one by one:
First step: activate debug mode, follow the link I posted for instructions.
Second step: add the shortcode I posted in the shortcodes box just under the normal layout box which will be visible after you have activated debug mode.
Best regards,
RikardHi,
There is no child theme functions.php if you are not using a child theme, which is looks like you are not doing. So you would have to do this instead:
If you are not using a child theme you need to add the above function after this line in the theme functions.php:
if(isset($avia_config['use_child_theme_functions_only'])) return;Best regards,
Rikard
- You must be logged in to reply to this topic.