-
AuthorSearch Results
-
August 25, 2016 at 3:07 pm #677541
In reply to: How to change the header style on the 404 page
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #header .av-main-nav > li > a { background-color: #3498db; }Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
YigitAugust 25, 2016 at 1:43 pm #677492Hi,
There is #top ID on every page and menu items highlight when they are on a matching ID.
Glad you figured it out! Let us know if you have any other questions or issuesBest regards,
YigitAugust 25, 2016 at 1:37 pm #677490Hi Yigit,
Thanks for the hint.
It wasn’t the “kontakt”-menu item that caused the trouble (since this was linked via a page-link), it was the first menu-item which pointed to “/#top” by an individual link. Removing the #top solved the flickering.
Still don’t understand why this causes trouble on the subpage.
Thanks anyway for your great support.
best regards,
Marcus
August 25, 2016 at 1:10 pm #677479Hi,
You have linked your menu item as following
yourdomain.com/kontakt/#top
Please link it as following instead
yourdomain.com/kontakt/#kontaktBest regards,
YigitAugust 25, 2016 at 12:21 pm #677465In reply to: Enfold 3.7 and Goole Map
Hi,
@umbrella8: This is a different issue and we replied to your post. Please stick to your own thread as much as possible. Thank you. https://kriesi.at/support/topic/form-and-google-map-section-not-responsive/Best regards,
IsmaelAugust 25, 2016 at 12:21 pm #677464Some other related questions with the fullscreen slider (please consider these ones as priority than my first topic):
1) How to increase the padding (i.e. the area between the text and the edge of the caption’s background: http://dns.d.pr/vCIm/23BdHXze
2) (I guess this is not possible, please ignore if I am right).
3) How can we add some rounded corners in the caption box?
4) How can I add the font Helvetica Neue Thin to the captions on the slideshow only? Do I need to import the font? I tried to follow some instructions in other posts but without success…
Thank you
August 25, 2016 at 12:19 pm #677461In reply to: iPad display problems
Hi.
Thanks.
I’ve done that but the problem is still the same – I’ve put the text in and done the removing of the browser cache on both the desktop computer and the ipad.
The problem is viewing it on an ipad – the pictures don’t become smaller so you only see about half of each picture on each webpage.
Any other suggestions?
Cheers,
Patrick
August 25, 2016 at 12:04 pm #677455Hi!
Please try the solution provided here: https://kriesi.at/support/topic/google-maps-api-error-missingkeymaperror-3/
Best regards,
IsmaelAugust 25, 2016 at 11:52 am #677451In reply to: Main Nav custom css
Hi,
You can use this to change the style of the current menu:
#top #header .av-main-nav > .current_page_item > a > .avia-menu-text { color: red !important; } #top #header .av-main-nav > .current_page_item > a { background-color: black !important; }Best regards,
IsmaelAugust 25, 2016 at 11:41 am #677448Topic: Masonry gallery elements not stacking correctly on tablet
in forum Enfoldjonnyckk
ParticipantWe have a site with 4 individual masonry gallery elements in a row set to display 1 image each. We have it like this because each one has a number of link-relevant images inside that are randomised so that a different image appears on each load. This is the code in functions.php to randomise the images.
add_filter('avia_masonry_entries_query', 'avia_random_image_query', 10, 2); function avia_random_image_query($query, $params) { if(!empty($query['post_mime_type']) && $query['post_mime_type'] == 'image') { $query['orderby'] = "rand"; } return $query; }We have used this code to stretch each masonry entry to the full width of a 1/4 column:
.page-id-278 .av-masonry-entry {width: 100%;}This works on desktop and mobile but the problem is that on tablet (or when the browser is around that width) the elements don’t stack correctly.
See attached screenshots.Thanks.
August 25, 2016 at 10:37 am #677425In reply to: Lightbox image align differently
Hey Josue,
I tried the plugin you mentioned. As far as I found out, what you do is regenerate thumbs with fixed settings for all images that you regenerate thumbs for. That didn’t seem handy since some images look better if your thumb shows the top part of the full image, others the bottom part and so on.
When looking for this plugin, I stumbled upon another plugin which gives the option to manually generate new thumbs per image and even per purpose (featured, entry_with_sidebar, et cetera): https://wordpress.org/plugins/post-thumbnail-editor/. Might be a good tip for other people wanting to do the same.
Thanks for your help anyway. Because of your suggestion I knew what I was looking for! Please mark this topic as solved.
Regards,
MoniqueAugust 25, 2016 at 9:50 am #677410In reply to: Featured Image mobil on Blog site
Hey siteraum,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) { .responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar { display: block; } }Best regards,
VinayAugust 25, 2016 at 7:10 am #677367In reply to: Content Slider Example
Hi webdesign,
If you enable debug mode: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/ you will be able to see shortcodes. Please paste the following shortcode to a new page, you can then see exactly how the elements are set up:
[av_fullscreen size='extra_large' animation='fade' autoplay='false' interval='5' control_layout='' scroll_down='aviaTBscroll_down'] [av_fullscreen_slide slide_type='image' id='548' position='center center' video='http://' mobile_image='' video_cover='' title='New spring edition for women and men now available' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button button-two' link='lightbox' link_target='' button_label='Women’s Collection' button_color='theme-color' link1='product_cat,13' link_target1='' button_label2='Men’s Collection' button_color2='dark' link2='product_cat,13' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] The new beautiful spring collection, created by star designer Konrad Kries is now available. [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='547' position='top left' video='http://' mobile_image='' video_cover='' title='Start with us into the new season!' custom_title_size='40' custom_content_size='18' caption_pos='caption_right' link_apply='button button-two' link='lightbox' link_target='' button_label='For Women' button_color='theme-color' link1='product_cat,12' link_target1='' button_label2='For Men' button_color2='dark' link2='product_cat,11' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] Those are the styles that you need for the next season. Make sure to grab your early bird coupon! [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='549' position='top left' video='http://' mobile_image='' video_cover='' title='Win a shopping trip<br/>with our styling experts' custom_title_size='40' custom_content_size='18' caption_pos='caption_center' link_apply='button' link='lightbox' link_target='' button_label='Sign up now!' button_color='dark' link1='page,76' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern=''] Fancy doing something a little different this autumn? Win this great shopping trip to London! We pay for everything! All expenses including flight and a meal at a gourmet restaurant of your choice will be paid for! [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='551' position='center right' video='' mobile_image='' video_cover='' title='Winter Collection coming soon!' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button' link='lightbox' link_target='' button_label='Yes, notify me!' button_color='dark' link1='manually,#sign-up' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] Want to get notified once the new winter collection by Georgio Adriani is released? [/av_fullscreen_slide] [/av_fullscreen] [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections'] [av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/winter-girl-small-495x400.jpg' attachment='551' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product,66' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] NEW WINTER COLLECTION [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/couple-sitting-495x400.jpg' attachment='546' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,15' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] LATEST STREET CLOTHES [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/girls-shopping-desat-495x400.jpg' attachment='549' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,12' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] FRESH SPORTSWEAR [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working-495x400.jpg' attachment='554' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,10' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] FUNKY ACCECCOIRS [/av_image] [/av_cell_one_fourth] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_heading heading='Recent Top Sellers' tag='h3' style='blockquote modern-quote modern-centered' size='30' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading] [av_productslider columns='4' items='8' offset='0' sort='0' autoplay='yes' interval='5'] [/av_section] [av_layout_row border='' min_height='0' color='alternate_color' mobile='av-flex-cells' id=''] [av_cell_one_half vertical_align='middle' padding='50px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_heading tag='h3' padding='10' heading='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_textblock size='' font_color='' color=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_textblock] [av_productgrid columns='3' items='6' offset='0' sort='0' paginate='no'] [/av_cell_one_half][av_cell_one_half vertical_align='top' padding='0px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image_hotspot src='http://kriesi.at/themes/enfold-shop/files/2015/03/lady-in-blue.jpg' attachment='556' attachment_size='full' animation='fade-in' hotspot_layout='numbered' hotspot_tooltip_display='av-permanent-tooltip' hotspot_mobile='aviaTBhotspot_mobile'] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,65' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='6.5,56.9'] Hairdo by Roger Ramoni [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,257' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='19.8,53'] Glasses by Victor Secreni [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,262' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='38.9,58.4'] Nail polish by Sandra Sounders [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-below av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,495' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='70,54.3'] "Red Velvet" Dress by Varia Vereni [/av_image_spot] [/av_image_hotspot] [/av_cell_one_half] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_one_half first] [av_icon_box position='left_content' boxed='' icon='ue8b1' font='entypo-fontello' title='Worldwide delivery' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_icon_box] [/av_one_half][av_one_half] [av_icon_box position='left_content' boxed='' icon='ue8e2' font='entypo-fontello' title='Free shipping' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/av_icon_box] [/av_one_half][av_one_half first] [av_icon_box position='left_content' boxed='' icon='ue824' font='entypo-fontello' title='Secure Payment' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_icon_box] [/av_one_half][av_one_half] [av_icon_box position='left_content' boxed='' icon='ue8b9' font='entypo-fontello' title='24/7 Support' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] enean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus. [/av_icon_box] [/av_one_half] [/av_section] [av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='sign-up' color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working.jpg' attachment='554' attachment_size='full' attach='parallax' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#6786a1' overlay_pattern='' overlay_custom_pattern=''] [av_heading tag='h3' padding='10' heading='Want to stay up to date? Subscribe to our Newsletter!' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_one_fifth first] [/av_one_fifth][av_three_fifth] [av_contact email=' (Email address hidden if logged out) ' title='' button='Subscribe' on_send='' sent='Thanks! You will receive an email soon!' link='page,74' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' color='av-custom-form-color av-light-form'] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' multi_select=''][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' multi_select=''][/av_contact_field] [/av_contact] [/av_three_fifth][av_one_fifth] [/av_one_fifth][/av_section]Regards,
RikardAugust 25, 2016 at 6:33 am #677360In reply to: customise page layout for mobile viewing
Hi there
Thank you for these options – however patricianly good it doesn’t quite answer what I wanted. As we have no control over how a page is displayed when we turn on responsive settings this would only redirect to another page that I would design – but I still couldn’t control how the responsive part displays eg how many columns the blog or product page would display.
For example on the desktop site I have it set to show 3 columns of products – yet when viewing on the mobile it automatically shows as 1 column.
Cheers
August 25, 2016 at 6:20 am #677358In reply to: Footer container width
Hi,
Great, glad you found a solution :-)
Please let us know if you should need any further help on the topic.
Regards,
RikardAugust 25, 2016 at 6:09 am #677354In reply to: Google Maps
Hey!
For anyone who is having an issue with the Google Maps Widget, please try the modification here: https://kriesi.at/support/topic/google-maps-api-error-missingkeymaperror-3/#post-677308
Regards,
IsmaelAugust 25, 2016 at 6:05 am #677352In reply to: Mega Menu – Fonts and alignment
Hey paragonskydive!
Thank you for using Enfold.
Adjust the menu item bullet positioning with the following css code:
.avia_mega_div .avia-bullet { margin-top: 10px; }Regards,
IsmaelAugust 25, 2016 at 5:51 am #677339Hey kilimats,
Thank you for using Enfold.
I’m sorry but that is not possible but you can disable the link completely with the following css code:
#top .dropdown_widget_cart div ul.product_list_widget li a { pointer-events: none; }Best regards,
IsmaelAugust 25, 2016 at 5:46 am #677337In reply to: Mega Menu Column Headings Not Displaying
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Regards,
RikardAugust 25, 2016 at 5:04 am #677321Topic: Slider Caption and Image not working right on iphones
in forum EnfoldParisLaw
ParticipantI’m working on a site http://www.ftaarch.com
I’m having trouble making my first slider on the home page play nice. When I narrow my screen on the desktop the text breaks correctly. When I look from my iphone 5 or iphone se the bottom portion of the slider get’s hidden. It breaks when i check for android phones. I’m not sure how to fix this. any help?
August 25, 2016 at 4:57 am #677316In reply to: blog Multi Author image is not left
Hi,
That is the default layout of the multi author blog style if the page has no sidebar. It will require a few css modifications in the Quick CSS field:
#top .fullsize .template-blog .blog-meta { float: left; margin-right: 50px; } #top .content .entry-content-wrapper .entry-content-wrapper { padding-right: 50px; padding-left: 140px; } #top .fullsize .template-blog .post_author_timeline { display: block; }Best regards,
IsmaelAugust 25, 2016 at 4:45 am #677311In reply to: Filter Portfolio Slideshow Elements
Here is what I did:
1. Create a page with a portfolio grid on it for each category
2. Create a new menu using these category pages
3. Use the fullwidth sub menu content element at the top of each category page
This seems to be a tolerable workaround if you don’t have a lot of categories. (Make good use of layout templates.)August 25, 2016 at 4:33 am #677310In reply to: Gym Import
Hey Vinay,
Thanks for CSS but it’s not exactly doing what I need.How do you find the selectors used in this theme? I have real trouble locating them in Chrome Dev Tools > CSS Selectors
Do you have a list of them used in Enfold we can access to customise?
I have tried updating Advanced Styling > Sub Menu Links and this does not give me the white background look I need either. White font is working on desktop but it’s still grey on mobile. Need white background also as red is so ugly and hard to read on mobile.Menu Goal: (desktop and mobile)
White background
Red Title for Column
Black Font on Sub menu links
Text-decoration: none;Portfolio – see any Details column used on (see private content)
etc (on all Portfolio pages). The column is chopping off text “Hervey Bay” but looks fine on mobile.
Button in same column looks right aligned on desktop and is now fine on mobile.August 25, 2016 at 3:20 am #677296In reply to: Breadcrumbs Archives pages exist BUG.
Hi,
Another problem is that two kinds of URL shows the same content, perhaps wordpress itself, perhaps the question topics, to find out.
That is a default url structure of WordPress.
This sentence can not be translated perfectly in a language pack.
You have to modify the file and change the string manually.
The third question is about sharing, I enfold use by the sub-theme of the way, I want to extend sharing capabilities, such as adding more in line with China’s local website to share channels.
Use the “avia_social_share_link_arguments” filter to add more sharing icons. Example:
https://kriesi.at/support/topic/xing-in-social-share/#post-585872
https://kriesi.at/support/topic/adding-whatsapp-button-on-social-share-buttons/#post-573570
Best regards,
IsmaelAugust 25, 2016 at 1:13 am #677288Topic: Changing background properties on mobile. (iphone / Safari)
in forum EnfoldClapperConsulting
ParticipantI’ve added a media query at 479px to swap the background image on a “Color Section”
If you make the screen smaller on a desktop, the image swaps out correctly. However, on an actual mobile device, the background, background-image, or background-position properties do not take. Mobile shows the same image as full-width desktop.
I’ve successfully tested changing the color on an h1 tag in the same element at the same media call to verify this isn’t a cache issue.
Does another class override the background properties on mobile?
August 24, 2016 at 10:36 pm #677262In reply to: theme function : Mobile Responsiveness not working.
Hi Rikard ,
here is how I solved the problem:
1 I updated all the plugins and also enfold theme at last version
2 checked on iPhone problem was still present , so this update did t solve the issues , still have strange text looking from a mobile device.
3 i disable every plugin one at time , when I arrived to jetpack , here was the problem. with Jetpack off , contents on mobiles was perfect , I could see my website like on desktop.4 I re-enable jetpack (thinking now won’t work ! ) and all was fine. It seems that reset of the jetpack plugin solved the issues.
5 I had still errors on contact form , so i create again the page using this time the component “contact form”included into the enfold editor.Now also contact form is visualised in correct way.
so all the issues from the moment seems to be resolved .
just for your info, let me know if you wanna still check my installation looking inside the backend
thanks , Fabrizio
August 24, 2016 at 10:24 pm #677259In reply to: Sticky/Floating mobile menu
Hi, i’ve tried adding the shortcode below to my quick CSS, but nothing seemed to have changed. It will really help with the user experience for my page due to the long scrolling.
Thank you so much!
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
position: fixed;
}
}
August 24, 2016 at 10:06 pm #677256sitesme
ParticipantHi there
I found in another topic a way to change the caption background in a fullscreen slider by adding the following code:
.caption_framed .slideshow_caption .avia-caption-title, .caption_framed .slideshow_caption .avia-caption-content p { background: rgba(52, 177, 199, 1); }This is working perfectly fine, however, I would like to do the following and I hope you can help me with it:
1) Increase the padding (i.e. the area between the text and the edge of the caption’s background: http://dns.d.pr/vCIm/23BdHXze
2) I’m almost sure this is not possible but let me check. You Enfold support guys are just brainiacs (right Yigit?) :)
Is it possible to have background caption colors alternated from one slide to another? In other words… can I choose the caption background color for each slide within the same fullscreen slider?I really want to avoid Layerslider as it is way time consuming! Thank you all
August 24, 2016 at 9:32 pm #677252In reply to: How To Space Out Main Menu
I figured it out. Used the code
nav.main_menu{
top: -40px;
}Thanks a lot guys!!!
August 24, 2016 at 8:06 pm #677216In reply to: Avia builder doesn't load (WP 4.6, Enfold 3.7.1)
With clearing the cache you mean the browsers cache? If that is what you are suggesting then trust me that I have tried that, as well as different browsers on diffferent computers, I tried deactivating all plugins, I renamed the plugin directory, reinstalled the theme files and reinstalled WP. I ran out of ideas.
I don’t want to hijack this topic but I opened my own topic with the exact same issue and some other users joined that thread confirming exact same issues. I am getting desperate :(
-
AuthorSearch Results
-
Search Results
-
We have a site with 4 individual masonry gallery elements in a row set to display 1 image each. We have it like this because each one has a number of link-relevant images inside that are randomised so that a different image appears on each load. This is the code in functions.php to randomise the images.
add_filter('avia_masonry_entries_query', 'avia_random_image_query', 10, 2); function avia_random_image_query($query, $params) { if(!empty($query['post_mime_type']) && $query['post_mime_type'] == 'image') { $query['orderby'] = "rand"; } return $query; }We have used this code to stretch each masonry entry to the full width of a 1/4 column:
.page-id-278 .av-masonry-entry {width: 100%;}This works on desktop and mobile but the problem is that on tablet (or when the browser is around that width) the elements don’t stack correctly.
See attached screenshots.Thanks.
I’m working on a site http://www.ftaarch.com
I’m having trouble making my first slider on the home page play nice. When I narrow my screen on the desktop the text breaks correctly. When I look from my iphone 5 or iphone se the bottom portion of the slider get’s hidden. It breaks when i check for android phones. I’m not sure how to fix this. any help?
I’ve added a media query at 479px to swap the background image on a “Color Section”
If you make the screen smaller on a desktop, the image swaps out correctly. However, on an actual mobile device, the background, background-image, or background-position properties do not take. Mobile shows the same image as full-width desktop.
I’ve successfully tested changing the color on an h1 tag in the same element at the same media call to verify this isn’t a cache issue.
Does another class override the background properties on mobile?
Hi there
I found in another topic a way to change the caption background in a fullscreen slider by adding the following code:
.caption_framed .slideshow_caption .avia-caption-title, .caption_framed .slideshow_caption .avia-caption-content p { background: rgba(52, 177, 199, 1); }This is working perfectly fine, however, I would like to do the following and I hope you can help me with it:
1) Increase the padding (i.e. the area between the text and the edge of the caption’s background: http://dns.d.pr/vCIm/23BdHXze
2) I’m almost sure this is not possible but let me check. You Enfold support guys are just brainiacs (right Yigit?) :)
Is it possible to have background caption colors alternated from one slide to another? In other words… can I choose the caption background color for each slide within the same fullscreen slider?I really want to avoid Layerslider as it is way time consuming! Thank you all
