-
Search Results
-
Hi, I can’t adjust the distance between boxes. Can you tell me where exactly I can adjust them?
Please habe a look at “Dienstleistungen”, it’s not right in Desktop modus and esprecially in mobile mode.
Kind regards,
VeronikaIn reply to: Header not full width like attached picture
Thanks, That is a great start on my large imac. On my laptop though it doesn’t really show. What would i need to adjust for smaller desktop sizes.
In reply to: Pricing boxes – align button at bottom of box
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardAbout category page design…
1. The category background is white. I would like to assign a background colour and image.
2. The categories don”t have a strong intro. I need to add an H2 text category title at the top.
3. I need to add an optional category title image. individual categories would have either a unique title image or no title image.
How is this possible?
In reply to: Extra padding for ONE menu item?
Hi Rikard,
it is the blue Menu item “potential check” top right – post=156thx a lot & best regards Tilman
In reply to: New Popups not possible
thanks I used a .gif instead on the other page.
I can’t reproduce how the front page displays but I will take it for now!Do you have any idea about the issue I am having here with a magnific popup form?
thanks
NancyHi,
This post follows my post Setting up two new social profiles under Enfold 7.1. Sorry if i was not clear in my original thread.
I wish to use the new SVG features of Enfold 7.x to add two new Social Profiles.
The advice in the linked thread works fine however this does not seem to be using SVG.
Is this by design (Social Profiles do not yet support custom SVG’s?) or is there a newer/better guide?
Thank you :-)
In reply to: Help with some shop elements
This screenshot shows which category I want to move on top on mobile.
Also, is there a way to put a divider in the section above, for only tablet and mobile (not desktop) – between the 420 discount and free shipping?
In reply to: Trying to load website name and page-title in h1 tag
but you do not want to combine those things mentioned on the other post?
see f.e.: https://enfold.webers-webdesign.de/impressum/
see text logo above , when you switch to other posts/pagesfunction use_text_logo_only($logo){ $link = apply_filters( 'avf_logo_link', home_url( '/' ) ); $logo_tag = "h1"; $logo_heading = "Webers Webdesign"; $alt = get_bloginfo( 'name' ); $title = get_bloginfo( 'name' ); $page_title = get_the_title(); if(is_search()){ $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>' .$logo_heading.' - Suchergebnisse</'.$logo_tag.'></a>'; } elseif(is_front_page()){ $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>' .$logo_heading.'</'.$logo_tag.'></a>'; } else{ $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>' .$logo_heading.' - '.$page_title.'</'.$logo_tag.'></a>'; } return $logo; } add_filter('avf_logo_final_output','use_text_logo_only');#top .logo.text-logo { display: flex; justify-content: left; align-items: center; width: auto; } #top .logo.text-logo h1 { margin: 0 !important; font-size: 30px; }In reply to: Help with some shop elements
Site is broken completely
All I did was change “Sale!” to “20% OFF” in the PHP code you gave me, and everything just went down and is malfunctioning.
Please help
*Was able to fix with hosting company.
Is there a way to make “Items with Promos” category appear at the top on mobile as well?
In reply to: Pricing boxes – align button at bottom of box
Hi Rikard… thank you, it deleted some but not all so I debugged and saw I had to add this extra css:
#top #main {
padding-top: 0px!important;
}Regards,
AnnemarieIn reply to: Add space between Iconbox Icon and Title
Hey WorldinColor,
Thank you for the inquiry.
You can add this css code to adjust the space between the iconbox icon and title:
#top .av-m868o6fq-2209228544dca5bbf34baf8f38fdb81c .iconbox .iconbox_content_title { margin-top: 50px; }Best regards,
IsmaelIn reply to: Sticky element
Hi,
You can try this css code to adjust the display of the header on mobile view:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .responsive #header_main .container { height: 130px !important; } #top .avia_search_element.av-m8j6ucsp-f1ed25db4fcf2e1d4ba1dd7653626aed #s.av-input-field { line-height: 33px; height: 33px; color: #bed028; font-size: 14px; } #top #searchform_element { margin-bottom: 0; } #top .avia-section.av-m8h8o2m6-a6ff6f0926c56ce5cb244fa93948b320 { background-color: transparent; background-image: unset; margin-top: 5px; margin-bottom: 0px; position: absolute !important; margin-top: 0; z-index: 5000; margin-top: -40px; } #top .av-main-nav-wrap ul { margin: 0; padding: 0; } }Best regards,
IsmaelHey ilona-l,
Thank you for the inquiry.
We are not yet sure why the slider resizes like that, but to temporarily adjust it, we added this css code:
#top .av-m8dhdoo2-9be497766191be21636491354eb51ed0 .avia-content-slider-inner { max-height: 180px !important; overflow: hidden; }Please make sure to purge the cache before checking.
Best regards,
IsmaelIn reply to: Header not full width like attached picture
Hey hisdi,
Thank you for the inquiry.
You can start with this css code:
.html_header_top.html_header_sticky #header { max-width: 1310px; left: 50%; transform: translateX(-50%); } #main, .avia-msie-8 .av_header_sticky_disabled#header { background-color: #000000; } .html_header_top.html_header_sticky #main { padding-top: 0; }Best regards,
IsmaelHi,
As mentioned above, background videos are disabled on mobile views by default. We are not sure how you managed to keep the slider video on mobile view, but for the other page, you can try this css code:
.avia_mobile #top .av-section-mobile-video-disabled .av-section-video-bg { display: block; }Best regards,
IsmaelHey northorie,
Thank you for the inquiry.
The space is due to the padding of the first cell in the grid row. To hide this space, try using this css code:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .responsive #top #wrap_all .av-1v2pat2-53d1a210d34319a1e3263b9b4acfe09f .av-1tepg6e-5d320ae52f7edb1070659a131dbdac1d { display: none; } }Best regards,
Ismaelor use those icons inside a text-block element: see example page at the bottom.
[av_textblock fold_type='' fold_height='' fold_more='Read more' fold_less='Read less' fold_text_style='' fold_btn_align='' textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' fold_overlay_color='' fold_text_color='' fold_btn_color='theme-color' fold_btn_bg_color='' fold_btn_font_color='' size-btn-text='' av-desktop-font-size-btn-text='' av-medium-font-size-btn-text='' av-small-font-size-btn-text='' av-mini-font-size-btn-text='' fold_timer='' z_index_fold='' id='' custom_class='center-stars' template_class='' element_template='' one_element_template='' av_uid='av-psa03l' sc_version='1.0' admin_preview_bg=''] [av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-8z2voh' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-27dcl9d' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-1kvehwh' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-4al7hd' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-n9hech' sc_version='1.0' admin_preview_bg=''][/av_font_icon] [/av_textblock]use your code but wrap it by a column. That column got custom class – f.e. center-stars
– let them float left or center – not so important because positioning is part of flexbox layout:/* === put those icons inside a column - custom class is here : center-stars === */ #top .flex_column.center-stars { display: flex; flex-flow: row nowrap; justify-content: center; gap: 10px; } #top .flex_column.center-stars:before, #top .flex_column.center-stars:after { display: none; }see result (and code) on: https://webers-testseite.de/mie/
pay attention to the comments in the css ruleset on my site.In reply to: Fullwidth submenu shortcode break layout
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardIn reply to: Related posts ALB and Standard Post
Hi Ismael,
What about this script https://kriesi.at/support/topic/enable-related-posts/ would this still be worth a try? Otherwise, I’ll need to add the post element to each user’s post? Argh, lots of those.
Thanks for your help.
jbtw: this handles visibility of that line:
#top .av-special-heading.blockquote .special-heading-border .special-heading-inner-border { opacity: 0.8; }ok – ich fand jetzt deine Seite – hilfreich wäre ein link gewesen:
/* === besides the heading === */ #top .av-special-heading.blockquote { display: grid; margin: 0; row-gap: 0px; /*=== influences the distance between heading and subheading ===*/ grid-auto-flow: row; grid-template-columns: auto 1fr; grid-template-areas: "area1 area2" "area3 area3"; } #top .av-special-heading.blockquote .av-special-heading-tag { grid-area: area1; padding-right: 20px } #top .av-special-heading.blockquote .special-heading-border { display: block; grid-area: area2; } #top .av-special-heading.blockquote .av-subheading_below { grid-area: area3; margin-top: -10px; /*=== if you like to have less distance between heading and subheading ===*/ }
und wie gesagt :
/* === besides the subheading : erase that rule if you like to have it besides the heading === */ #top .av-special-heading.blockquote { grid-template-areas: "area1 area1" "area3 area2"; } #top .av-special-heading.blockquote .av-subheading_below { margin-top: 10px; }
du hast auch nicht erwähnt, dass du die subline oberhalb der Headings hast.
für dich jetzt zum Testen :
#top .av-special-heading.blockquote { display: grid; margin: 0; row-gap: 10px; grid-auto-flow: row; grid-template-columns: auto 1fr; } #top .av-special-heading.blockquote .av-special-heading-tag { grid-area: area1; padding-right: 20px } #top .av-special-heading.blockquote .special-heading-border { display: block; grid-area: area2; } #top .av-special-heading.blockquote .av-subheading_above { grid-area: area3; margin-bottom: 20px; } #top .av-special-heading.blockquote { grid-template-areas: "area3 area3" "area1 area2"; }dann siehst du schon mal wie es wird.
_____________
um es selektiver zu gestalten müsstest du diesen Headings noch eine benutzer Klasse hinzufügen.
um für beide Fälle gewappnet zu sein.
z.B: subline-above oder subline-belowdann :
/* === besides the heading === */ #top .av-special-heading.blockquote.subline-above, #top .av-special-heading.blockquote.subline-below { display: grid; margin: 0; row-gap: 0px; /*=== influences the distance between heading and subheading ===*/ grid-auto-flow: row; grid-template-columns: auto 1fr; } #top .av-special-heading.blockquote.subline-above .av-special-heading-tag, #top .av-special-heading.blockquote.subline-below .av-special-heading-tag { grid-area: area1; padding-right: 20px } #top .av-special-heading.blockquote.subline-above .special-heading-border, #top .av-special-heading.blockquote.subline-below .special-heading-border { display: block; grid-area: area2; } #top .av-special-heading.blockquote.subline-below .av-subheading_below { grid-area: area3; margin-top: -10px; /*=== if you like to have less distance between heading and subheading ===*/ } #top .av-special-heading.blockquote.subline-above .av-subheading_above { grid-area: area3; margin-bottom: 10px; /*=== if you like to have less distance between heading and subheading ===*/ } #top .av-special-heading.blockquote.subline-above { grid-template-areas: "area3 area3" "area1 area2"; } #top .av-special-heading.blockquote.subline-below { grid-template-areas: "area1 area2" "area3 area3"; }In reply to: Fullwidth submenu shortcode break layout
Sorry – that was my mistake. I wrote the wrong CSS when I was writing to you.
It doesn’t work with the correct CSS either. In the meantime, I found the right solution, which was this PHP:
php
Kopiér
Rediger
add_action(‘ava_after_main_container’, ‘custom_submenu’);
function custom_submenu() {
if (wp_is_mobile()) {
return; // Stop the function if it’s a mobile device
}
$classes = get_body_class();
if ((in_array(‘woocommerce-page’, $classes)) || (in_array(‘archive’, $classes))) {
echo do_shortcode(“[av_submenu which_menu='' menu='3251' position='center' sticky='aviaTBsticky' color='footer_color' mobile='disabled' mobile_switch='av-switch-768' alb_description='' id='' custom_class='' template_class='' av_uid='av-m8fv68yn' sc_version='1.0']
[av_submenu_item title='Menu Item 1' button_style='' link='' link_dynamic='' linktarget='' title_attr='' av_uid='av-d3kl3k2' sc_version='1.0']
[av_submenu_item title='Menu Item 2' button_style='' link='' link_dynamic='' linktarget='' title_attr='' av_uid='av-683en9e' sc_version='1.0']
[/av_submenu]“);
}
}where do you like to have the heading border ? besides heading or besides the subline?
/* === besides the heading === */ #top .av-special-heading.blockquote { display: grid; margin: 0; row-gap: 0px; /*=== influences the distance between heading and subheading ===*/ grid-auto-flow: row; grid-template-columns: auto 1fr; grid-template-areas: "area1 area2" "area3 area3"; } #top .av-special-heading.blockquote .av-special-heading-tag { grid-area: area1; padding-right: 20px } #top .av-special-heading.blockquote .special-heading-border { display: block; grid-area: area2; } #top .av-special-heading.blockquote .av-subheading_below { grid-area: area3; margin-top: -10px; /*=== if you like to have less distance between heading and subheading ===*/ } /* === besides the subheading : erase that rule if you like to have it besides the heading === */ #top .av-special-heading.blockquote { grid-template-areas: "area1 area1" "area3 area2"; }In reply to: Pricing boxes – align button at bottom of box
Hi Ismael … thank you that worked a treat!!
One other thing if I may? I need two buttons on the top of the landing page for different languages… so is it possible to hide the header and still have the top bar in view .In the meantime, I hope you have a fantastic day!
Regards,
AnnemarieIn reply to: Icon/Flipbox jumping on scroll up/down
Viewing 30 results - 1,921 through 1,950 (of 142,845 total)
