Viewing 30 results - 2,611 through 2,640 (of 106,495 total)
  • Author
    Search Results
  • it is not only the double button – you can insert on caption for example this:
    ( just style it on the page bottom – copy that enfold button shortcode and insert it on captions field )

    [av_button label='Click me' icon_select='yes-right-icon' icon='ue82b' font='entypo-fontello' icon_hover='aviaTBicon_hover' title_attr='' button_type='' link='manually,#' link_dynamic='' link_target='' download_file='https://' attachment='' attachment_size='' downloaded_file_name='' size='large' position='center' label_display='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='conversion' template_class='' element_template='' one_element_template='' av_uid='av-lu0tlroy' sc_version='1.0' admin_preview_bg='']
    

    As you can see on that second image – not all of the code is needed. This is the main you need for a button – change size and position to your need and maybe remove icon_hover attribute. maybe set a custom class or ID. How to get the icon codes ? … ask.

    
    [av_button label='your button label' icon_select='yes' icon='ue859' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,#' link_target='' size='medium' position='center' label_display='' title_attr='' color='light' custom_bg='' custom_font='' id='abc' custom_class='def']
    #1472885

    Hi,

    For the list in the footer container, please add this at the very bottom:

    #top #main #footer-page ul.avia-icon-list.av-iconlist-small li:before {
        background-image: url(/wp-content/uploads/2024/12/ProfoundPlanning_Stacked_White.png);
    }

    Best regards,
    Ismael

    #1472882

    Hi Ismael,

    I see it well on my monitor but there is a new trend in laptops that are not proportional to that 16:9 measurement, they are more landscape. In the example website that I sent you can see how the image adapts its height to the height of the browser and without the need to scroll. That’s what I would like to be able to do.

    Thank you,

    BR,

    Anthony

    #1472878

    Hi,

    Thank you for the update.

    The images appear fully visible on our end with a screen resolution of 1920x1080px. What is your monitor’s screen resolution? If you want the image to match the height of the browser, you could try using the Fullscreen Slider.

    Best regards,
    Ismael

    it seems that on some classical posts ( not generated by ALB ) there is an image on the bottom that represents the featured image of that post – remove it by:
    ( see for example: https://enfold.webers-webdesign.de/standard-post/ )

    #footer-page .entry-content-header {
      display: none;
    }
    #1472870

    Hi,

    Thank you for the login token.

    Notice the second set of images. These are not the same height.

    Which set are you referring to? The logo images seem to be displaying correctly, and the image Nyheter-Komplett-Taksering.jpg seems to have the same height as the image beside it. Please provide a screenshot of the issue using platforms like Savvyify, Imgur, or Dropbox.

    Best regards,
    Ismael

    #1472832

    Topic: Custom border lines

    in forum Enfold
    BigBrother
    Participant

    Hi! Please help me to find solution on this. I want to make custom border lines, instead of just solid line one color to be custom, I want it to be like seam, so the easiest way to be line with intervals, but this is not exactly what I want. The desired outcome is leather car seat seam. If you can give me step by step instructions I will highly appreciate. here is a link of images just to understand what I would like to get: https://pin.it/57SeeGfXI

    #1472829
    zhwei90
    Participant

    Hi,

    I have successfully imported the parallax demo. However, after successful import, the content of front page is different than the actual demo itself. While most elements are there, the images are missing, and some elements behave differently.

    #1472814

    I have just had a zoom with one of the designers.
    The problem is that making an adjustment in the backend it is not reflected in the frontend.

    Example:

    Notice the second set of images. These are not the same height.
    Images are the same height in the backend.

    There seems to also be other problems related to frontend not showing backend adjustments. I will add on when I hear of additional cases.

    Please take a look at the backend of the front page and then look at the frontend.
    Thank you.

    I have done the following to figure out where the problem might be.
    – Deactivated all the plugins.
    – Hard refreshed the cache multiple times.
    – Checked in private windows.
    – Checked logged in as another user.

    • This reply was modified 1 year, 4 months ago by SHR Design. Reason: I had to adjust my comment
    Octopus4444
    Participant

    Hi team,
    I’ve an issue when :

    • I create an alb_custom_layout for my pages with a section color. I would set a dynamic background with the featured image of my pages.
    • I set correctly the image background with a default img and I write {wp_custom_field:_thumbnail_id} for the dynamic value
    • For the content of my section, I add in special_heading block a dynamic title ({wp_post_title} in heading and {wp_post_excerpt} in sub-heading field)
    • For testing, I’ve add too a dynamic image in my section color content (same dynamic field :{wp_custom_field:_thumbnail_id} )
    • I call my alb_custom_layout on my pages and I set the featured image on each pages (page A, page B, page C…)
    • In front, when I go on page A, I’ve the correct background image (the featured image of page A) , I’ve the correct title, subtitle and my image content is the featured image of page A too
    • BUT, when I go on page B, C or D, I’ve the featured image of page A for the background of my section color, the good title, subtitle and the image content work correctly !

    What’s wrong with the dynamic call of the background image of my section color?

    Thanks for your help, I put in private the access of my site.

    Marc

    • This topic was modified 1 year, 4 months ago by Octopus4444.
    #1472777

    Hi Ismael,

    The issue is that on wide screens that do not have much height, the slider image is cut off.
    You can see the example of the page I sent, it also has responsive height so that the image always looks complete.
    Thanks advance,

    BR,

    Antonio.

    #1472769

    Hi!

    I want exactly that, but using the featured image instead of having to insert it in the content and hide the featured one, which I am doing now.

    You will need to make the modifications we suggested above. This will move the featured image below the title.

    Best regards,
    Ismael

    #1472766

    Hi,

    Thank you for the update.

    We added Guenni’s code in the Quick CSS field and updated the image URL. Please make sure to purge the cache before checking the page.

    Best regards,
    Ismael

    #1472761

    Thank you Ismael.

    If you need to move the featured image below the post title

    I am not, the image is already below the title, I just want to show it exactly as a normal inserted image looks.

    If you create a post and insert an image full size in the content, you will have a title and an image.

    I want exactly that, but using the featured image instead of having to insert it in the content and hide the featured one, which I am doing now.

    Thanks for the help.

    #1472754

    Hi,

    Thank you for the update.

    The slider images were fully visible above the fold when we checked. Did you figure it out?

    Best regards,
    Ismael

    #1472753

    Hi,

    If you need to move the featured image below the post title, edit the includes > loop-index.php file and replace its contents with the following code: https://pastebin.com/CABttvQL

    Best regards,
    Ismael

    #1472746

    Hey mhannondesign,

    You have used an image file format which looks to be only supported by Safari.

    As of August 2024, only Safari supports HEIC format natively. For AVIF, Chrome, Firefox and Opera for desktop and Android support it. Safari on iOS 16 and iPadOS 16 supports AVIF format.

    Best regards,
    Rikard

    #1472729
    This reply has been marked as private.
    #1472715
    SHR Design
    Participant

    Hi

    I have received feedback that updating the backend is for whatever reason not updating the frontend when the others are working on the site. One person will see one thing another person something else. So this is very strange. It seems caching might impact this. The site is running WP Rocket.

    Right now I am seeing when not logged inn:
    https://ktaksering.no/
    Left side: a black box with text.
    Right side: blue architect image with the words TAKSERING.

    When I am logged inn
    Left side: a black box with text is not seen.
    Right side: Blue architect image is seen.

    Hmm I updated the site to WP 6.7.1 and also here I get a translation error seen when logged into the site. As I also mentioned in another thread. I am emailing the other plugin creators directly.

    As I updated I now see the left black image has also disappeared when not logged in…..
    I also went ahead and updated to Enfold version 6.0.7….

    • This topic was modified 1 year, 4 months ago by SHR Design.
    #1472708

    Hi Guenni,

    Thank you for the information. It is very strange that Enfold calculates the images so large. I had Photoshop calculate all the images in a reasonable web size in bulk. All images should be between 100kb-400kb. I will use ShorPixel for this later and hope that the images are calculated at a reasonable size.

    Once again on the subject of JavaScript. It now works perfectly everywhere. I just want the individual blocks on the privacy policy page to remain visible when scrolling and not disappear again and again. I can’t manage that. What can I change in the JavaScript or in the CSS? I have already tried both.

    #1472702

    I am testing this again and it is still failing.

    1- Create a post.
    2- Add a featured image.
    3- Insert that same image also in the blog post content.

    You will have 2 images under the title, the featured one cropped that expands and the one inserted in the post.

    What I am trying to achieve is to omit the insert to post the image, BUT show the featured one as the inserted one looks. Full width, under the title, no hover.

    Any ideas?

    JoStudioDeRijp
    Participant

    Hi there!
    I want to display an icon in a button which is in an image slide, which is in the fullwidth easy slider. That posibility is not there.
    On a ‘loose’ button you can choose if you want an icon and then select which one you want, but the button in the slider doesn’t have that option.
    How can I do that?
    I hope you can help!

    #1472689

    Thanks Mike, I’ve replaced the Linke Box on both site with an image using the Image Widget, the only difficult is that is not possible to set the link open in a new window because the tag target=”_blank” is not recognized.. Did You can suggest a solution for this..?

    The entire issue is really weird..
    Thank You..

    Hi @ismael, many thanks! I applied both, it works great, except the title is now in a area that is darker than the overlay. how to adjust this to match the overlay color? see screen shot
    mismatching colors

    #1472684

    Hey Maggie,

    Thank you for the inquiry.

    Try to use this css code to replace the icon with a custom image:

    .avia-icon-list-container.av-m3t1foql-7e88455370655a2aff70020b470afc59 .iconlist-char:after {
        content: '';
        display: block; 
        width: 50px; 
        height: 50px;
        background: url('IMAGE URL HERE') no-repeat center center;
        background-size: contain; 
    }
    
    .avia-icon-list-container.av-m3t1foql-7e88455370655a2aff70020b470afc59 .iconlist-char:before {
        display: none;
    }

    Make sure to adjust the image URL.

    Best regards,
    Ismael

    #1472683

    the icon you like to insert – is it a colored icon or do you like to use the white globe icon with that green background?

    if you like to use it as monochrome icon – i would upload that monochrome globe as svg to fontello and create your custom icon font set.
    Then you can use it like all the other entypo-fontello icons.

    if you like to use that bicolor globe icon – you can set those icons to display none and insert via pseudo container your colored icon:

    #top #main ul.avia-icon-list.av-iconlist-small  li:before {
        content: "" !important;
        width: 40px;
        height: 40px;
        float: left;
        margin-left: -10px;
        margin-right: 10px;
        background-color: transparent;  /**** with background - replace  ***/
        background-image: url(/wp-content/uploads/globe-color.png);
        background-size: 30px 30px;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 100%;
        top: -3px;
        position: relative;
    }
    
    #top .avia-icon-list-container .iconlist_icon {
      display: none 
    }

    But: to better select your small icon list – it would certainly be advisable to use a custom class.

    #1472667
    icarogioiosi
    Participant

    Referring to the discussion https://kriesi.at/support/topic/ajax-portfolio-grid-equal-height/, I tried to copy and paste the code, also checking for both versions of the functions.php, but in my case it doesn’t work.
    https://img.savvyify.com/image/confronto.9x63t

    Unfortunately the pages are always being improved and maintenance mode is active, so I can’t send the link to the page.
    However, the text seems aligned, so my problem is probably in the custom_script function.

    icarogioiosi
    Participant

    Portfolio grid displays thumbnails correctly if the images are on desktop screen.
    https://img.savvyify.com/image/Large-desktop.9xsNe

    Having left the basic theme settings (2 columns), on tablets it strangely displays a single image first and then the pairs of the remaining in the case of odd portfolio entries.
    https://img.savvyify.com/image/Settings.9xFmy
    https://img.savvyify.com/image/Tablet-uneven-7.9xHqn

    Works regularly if they are even in number.
    https://img.savvyify.com/image/Tablet-even-8.9xgMd

    #1472664

    Hi Ismael.
    I’ve done several tests and research and this is the code that solves my problem. I share it hoping can be useful to someone else.

    img {
    height: auto !important;
    max-width: 100% !important;
    width: auto !important;
    max-height: 100vh;
    }

    The only visible inconvenience is related to the images in the portfolio grids that are not aligned. I therefore created this class, assigning it to the portfolio grids in Advanced > Developer Settings.

    .standard_img img {
    height: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    max-height: 100% !important;
    }

    Thanks for your time.

    #1472660
    tiadrop
    Participant

    Hello
    I need help with changing the icon list to the client’s logo icon. I understand these are through icon-fonts from Fontello.com However what is the css code needed to that I can use my client’s logo image in one section for the icon list? Can you please help me with this?

    Here is a link showing the section that the client would like the globes to be changed to her logo icon
    https://staging.profoundplanning.com/wp-content/uploads/2024/12/Screenshot-2024-12-01-113340.jpg

    Also is there a way to add more space between the icon and the text next to the icon? It is too tight in that line.

Viewing 30 results - 2,611 through 2,640 (of 106,495 total)