Viewing 30 results - 2,041 through 2,070 (of 142,945 total)
  • Author
    Search Results
  • #1480059

    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,
    Rikard

    #1480051

    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.
    j

    Awesome!!! Thank you so much :)
    Topic can be closed

    btw: 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-below

    dann :

    /* === 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";
    }

    see: https://webers-testseite.de/bildvergleich/

    #1480034

    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";
    }
    #1480028

    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 .

    See Screenshot

    In the meantime, I hope you have a fantastic day!
    Regards,
    Annemarie

    #1480027

    Hi Mike,
    thanks for looking into it :)

    We have test in on Android and iOS. It is “jumping” on both systems: Android with Firefox and Chrome (or Chromium) and iOS with Safari.

    But on Desktop in DEV Tools Emulator it doesn’t jump.

    Greetings
    Martin

    #1480025

    Hi,

    Thank you for the link.

    Please add this css code to adjust the alignment of the buttons.

    #top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .avia-button-wrap {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
    
    #top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .flex_column_table .flex_column {
        padding-bottom: 100px;
    }

    View post on imgur.com

    Best regards,
    Ismael

    Hi,

    Thank you for the clarification.

    Please remove the previous css modifications applied to the search input, then replace them with the following code:

    #top #chsearchbox #searchsubmit, #chsearchbox .ajax_load {
        width: 62px;
        height: 100%;
        line-height: 40px;
        padding: 0;
        position: absolute;
        right: auto;
        top: 0;
        z-index: 2;
        margin: 0;
        border-radius: 0;
        min-width: 40px;
        left: 0;
        background: url('https://riseandshine.childrensnational.org/wp-content/uploads/2017/07/ch-search-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    #chsearchbox #searchform .av_searchform_search.avia-svg-icon {
        display: none;
    }
    
    #chsearchbox #search-3 #s {
        left: 35px;
        content: none;
        width: 85%;
        margin: -32px auto !important;
        padding: 41px;
        border: none!important;
        box-shadow: 0px 5px 15px 0px #cccccc;
        margin-left: 0 !important;
    }

    The search bar should look like this after applying the modification:

    View post on imgur.com

    Best regards,
    Ismael

    #1480012

    In reply to: Testimonals on mobile

    Hey northorie,

    Thank you for the inquiry.

    The testimonial arrows are visible when we checked. If you need to adjust its position, add this css:

    .responsive #top #wrap_all .av-flex-cells .avia-slideshow-arrows {
        top: -50px;
        position: relative;
    }

    To adjust the space around the container, you can add this css code:

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      .responsive #top #wrap_all .av-flex-cells .no_margin.avia-testimonial {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    }

    Best regards,
    Ismael

    #1479986

    In reply to: Sticky element

    Hey sitadi,
    The login to the live site is not working, but for the test site the search is sticky but seems to be in the wrong position when the header when it shrinks,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #header.header-scrolled ~ #main #av_section_1 .avia_search_element {
    top: -64px;
    position: relative;
    }
    #header ~ #main #av_section_1 .avia_search_element {
    top: -30px;
    position: relative;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    Hey Eduardo,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .av-iconlist-small.avia-icon-list-right {
        text-align: left;
        width: 93px;
    }

    Screen Shot 2025 03 23 at 12.02.55 PM

    Best regards,
    Mike

    #1479978

    I used similar after going through the html and finding what CSS was setting the Cart SVG icon fill and replicated it in my CSS

    #top #wrap_all .header_color .cart_dropdown_first .cart_dropdown_link.avia-svg-icon svg:first-child,
    #top .header_color .avia_cart_buttons .avia-svg-icon svg:first-child {
    fill: #000;
    }

    #1479972

    Perfect, thanks a lot! Topic can be closed :)

    #1479970

    Hi,
    Thanks for sharing your scroll-top-link solution, that may help others, but I don’t see any css that would help the cart, did you use Guenni007’s solution?

    Best regards,
    Mike

    #1479968

    Hey northorie,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .darklup-dark-mode-enabled #top #header .av-main-nav > li > a:not(.darklup-dark-ignore) {
    	background-color: unset !important;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1479966

    If you are using the Theme colour styling section then it shouldn’t be an issue it is only because I don’t and use my own CSS to style everything that the switch to SVG caused an issue.

    It was as was posted above setting a Fill colour to the Cart, Return to Top and Search in the nav that returned them to how they once were with just color css, so if you are using custom CSS for these elements you just need to set a color as a Fill.

    For example in the scroll to top link the colour of the arrow was previous set by a color style but now needs a Fill style with that same color.

    a#scroll-top-link.avia_pop_class {
    background-color: var(–scroll-top-background-color);
    color: var(–scroll-top-color);
    border: 1px solid var(–scroll-top-border-color) !important;
    opacity: 1;
    }
    #scroll-top-link.avia-svg-icon svg:first-child {
    fill: var(–scroll-top-color) !important;
    }
    a#scroll-top-link.avia_pop_class:hover {
    background-color: var( –scroll-top-hover-bgcolor);
    color: var(–scroll-top-hover-color);
    border: 1px solid var(–scroll-top-hover-bordercolor) !important;
    opacity: 1;
    }
    #scroll-top-link.avia-svg-icon:hover svg:first-child {
    fill: var(–scroll-top-hover-color) !important;
    }

    #1479932

    Apologise for not relating sooner.

    Because I use my own custom CSS the Cart icon in the header, Return to Top button and Nav Search icon lost the colours with your switch to SVG on 7.0 so we’re not appearing when the theme was updated.

    I use your theme for the great GUI and drop and drag visual setup in Pages which makes it easier for clients updating their sites.

    Thank you for your reply, I actually ended up finding the shopping cart SVG css so have added the fill to it and my other sites now I have those 3 new style settings with your switch to SVG with me not using your inbuilt colour styles setup.

    I may have missed it but I could find any details in your help text about how the switch to SVG would impact, I am not sure if this might be possible going forward to help others 🙂

    ballindigital
    Participant

    We’re experiencing an issue on our website rosevel.ie regarding how images behave on mobile devices.

    We’ve configured our product images to use the lightbox feature, so when clicked, they enlarge on the same screen without navigating away from the product page. This works correctly on desktop, and in most cases on mobile too.

    However, on mobile, we’ve noticed that sometimes when a user taps an image, it opens the image in a new page instead of using the lightbox, effectively taking the user away from the product page.

    Here’s a quick video showing your what I mean:

    View post on imgur.com

    This is problematic as it disrupts the user experience and could negatively impact conversions.

    Could you please look into this and let us know how to fix it? Ideally, we want the lightbox to work consistently across all devices, especially mobile.

    Thanks in advance for your help!

    #1479925
    ballindigital
    Participant

    Hi,

    I’ve changed the colour of the Small bar above Main Menu to red but it shows up as pink on desktop and mobile?

    View post on imgur.com

    Any ideas why?

    View post on imgur.com

    Thanks!

    Harvinder

    #1479899

    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,
    Rikard

    #1479892

    It still doesn’t work on Mobile, it disappears completely. On tablet, it shifts, and looks weird. I guess we have to manually adjust it for every screen size?

    I’m pretty sure back in the day there were banners, and they were attached to the physical images, making this easier. I just wish I knew how I removed them, cause I didn’t want them at the time.

    Also, with the categories, I want “Items with Promos” to show up at the top, but its only doing so on desktop. Its not doing so on mobile. Can you also check on tablet?

    Thank you so much

    #1479865

    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,
    Rikard

    #1479864

    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,
    Rikard

    #1479842

    Hi Ismael,

    thank you very much. That worked!

    Best regards,
    Cristopher

    #1479836

    Hi,

    The script is the same as the one posted above, so it’s possible that it was not added correctly earlier. https://kriesi.at/support/topic/tab-section-direct-links-for-tabs/#post-1479486

    Best regards,
    Ismael

    #1479832

    Hey Angelo,

    Thank you for the inquiry.

    Please note that selected categories normally move to the top of the list. The category alignment or hierarchy is correct when no categories are selected.

    View post on imgur.com

    Do you encounter issues with the category selection?

    Best regards,
    Ismael

Viewing 30 results - 2,041 through 2,070 (of 142,945 total)