Forum Replies Created
-
Posts
-
Hi Mike,
I must admit that your code does work, thanks a lot! For testing purposes I only used that one class and thought that I really cleared my browser’ cache. Apparently I didn’t…..
Thanks for the support and best regards,
Steven
Hi Mike,
Thanks for your suggestion. However, when using your functions / CSS code, I still don’t see the FA font.
Best regards,
Steven
Hi,
I’ve have a similar issue. In my functions.php I have:
function avia_add_fontawesome(){ ?> <script src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script> <?php } add_action('wp_head', 'avia_add_fontawesome');In my custom CSS:
a.frontpagelink:after { text-align: center;
content: “\f105″;
font-family: FontAwesome!important;
font-size: 18px;
color: #ffffff;
margin-left:12px;
display: inline-block;
}`
And in my code: <a class=”frontpagelink” etc.
For some reason the required Font Awesome “angle-right” doesn’t show up. (see screendump)What is going wrong here?
Best regards,
Steven
Hi Peter,
That works indeed! Thanks. I only need this for a particular section so when I give that content section a class named “team”,
your CSS would be:
#top .no_margin_column.column-top-margin .team { margin-top: 0; }right?
regards,
Steven
Hi Rikard,
Thanks for the code but unfortunately it doesn’t work. Perhapps it helps when I give you Admin access?
Regards,
Steven
Hi Guys,
Thanks but I already fixed the 10 column layout (see previous posts). The only thing left is the padding issue every first 1/5 column.
Regards,
Steven
Sorry to bother you but one more thing. When I make several rows, for some reason every first column has a padding. I just can’t figure out why.
Best regards,
Steven
Hi,
That’s for the top/bottom padding in that section with the icons. I tried Enfold’s code without that calltoaction class but no luck.
And yes, these are 1/3 columns. See screendump here ;)Best,
Steven
Hi Mike,
Thanks for your time. Indeed I used the correct ID without the # sign. Please see image here with the columns I’d like to be centered.
I could give you admin access if you like.Best,
Steven
Hi,
The problem is that it can only be previewed by adding an IP to the host file. As you can see in the screenshot, these are indeed separated widgets.
But you suggestion kicked me in the right direction!
I used this in my CSS:
#custom_html-3 {background:#ffffff!important;}Thanks both for for helping me out!
Regards,
Steven
Hi Victoria,
That is correct. This is the current website. If you add the code to your hostfile you’ll see the work in progress with Enfold right?
Regards,
Steven
Hi Victoria,
Thanks for you quick response. You can have a look but you’ll need to add this to your hostfile because it’s not directly visible.
Will that be ok?Hi,
You can have a look but you’ll need to add this to your hostfile because it’s not directly visible
Cheers,
Steven
Hi,
I’m not sure if we are on the same subject. Again, that’s what you do in a normal page (show hide content sections based on screen) but this page is one generated by Events Calendar so therefore we had to use this code with shortcode and put it in functions.php in order to have the slider displayed. Latest thing I tried was:
Enable debug mode, used the advanced layout editor, added a slider with screen options (not showing on smaller screens) and below my mobile image with screen options (hide on larger screens.
This is de code I’ve put in the functions.php:/* * Layer slider in Tribe Events List page and Single Event page */ add_action('ava_after_main_container', 'avf_tribe_events_before_html_slider', 10, 1); function avf_tribe_events_before_html_slider($before) { if( is_post_type_archive('tribe_events') ) { echo do_shortcode("[av_slideshow_full size='no scaling' min_height='0px' stretch='' animation='slide' conditional_play='' autoplay='false' interval='5' control_layout='av-control-default' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll' av-small-hide='aviaTBav-small-hide' av-mini-hide='aviaTBav-mini-hide' av_uid='av-nordxb' custom_class=''] [av_slide_full slide_type='image' id='642' video='http://' mobile_image='' fallback_link='http://' video_format='' video_ratio='16:9' title='' custom_title_size='' custom_content_size='' caption_pos='caption_bottom' link_apply='' link='lightbox' link_target='' button_label='Click me' button_color='light' link1='manually,http://' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-p7aoxr' video_controls='' video_mute='' video_loop='' video_autoplay='' overlay_enable=''][/av_slide_full] [/av_slideshow_full] [av_image src='https://www.vakantiepas.nl/site2018/wp-content/uploads/2018/03/mobile_header.jpg' attachment='759' attachment_size='full' align='center' styling='no-styling' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av-desktop-hide='aviaTBav-desktop-hide' av-medium-hide='aviaTBav-medium-hide' av_uid='av-jivm3mwy' custom_class='' admin_preview_bg=''][/av_image]"); } }Result is that both show up on large screens as well as mobile screens. See screenshot here.
Hi,
Thanks for your answer, However I dont’t want a videoslide but a image slide and when inserting that, there’s no option for a fallback image.
Regards,
Steven
Hi Yigit,
That’s what you do in a normal page (show hide content sections based on screen) but this page is one generated by Events Calendar so therefore we had to use this code with shortcode. I do see
mobile_image='' fallback_link=''in the shortcode but where do I select that option when adding a image to slider via the magic wand? See screendump. I can’t find that option here. It’s only visible when selecting a video.Cheers,
Steven
Hi Guys,
Indeed this works for the desktop version. However I forgot that we need a (smaller) static image as header for the mobile version. How can I achieve that? Normally I would use a CSS media query for that, but I’m not sure how to dothis in this case. So the goal is: Show the slideshow on desktop version (and hide the static image) and show the static image on mobile (and hide the slideshow)
Thanks in advance!
Regards,
Steven
