Forum Replies Created

Viewing 30 posts - 9,391 through 9,420 (of 34,660 total)
  • Author
    Posts
  • Hey JoStudioDeRijp,
    Thanks for your question, when you edit the hotspot go to the advanced tab and for Hotspot Link choose set manually, then for the URL just enter your anchor link ID such as #jump if the element on the same page has the ID of jump
    2022-12-10_014.jpeg

    Best regards,
    Mike

    in reply to: Adding a click to call button #1375784

    Hey woogie07,
    Thanks for the link to your site, typically if you wanted a call button you would add the tel: link to your menu item and use the button option, but I see that you have a phone number in your topbar and the topbar shows on mobile so would you like a call button there?
    If so you could use the shortcode wand to create your button and use it to create a call button shortcode that you can add anywhere to display it, such as the Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text field.
    So to do this first open a new post and in the block editor select the classic block and in the toolbar select the shortcode wand ▸ Button:
    block_editor_classic_block_shortcode_wand.png
    then the standard Advanced Layout Builder button element will open for you to design the button, after you build your button and save the button shortcode will show for you to copy
    block_editor_classic_block_shortcode.png
    Then add your button shortcode to this function:

    function call_button_shortcode( ){
    	echo do_shortcode(" button-shortcode-here ");	
    }
    add_shortcode( 'call_button', 'call_button_shortcode' );

    for my example I used this code:

    function call_button_shortcode( ){
    	echo do_shortcode("[av_button label='Call Us' icon_select='yes' icon='ue854' font='entypo-fontello' link='manually,tel://555-555-5555' link_target='_blank' size='medium' position='right' label_display='' title_attr='' 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='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg='']");	
    }
    add_shortcode( 'call_button', 'call_button_shortcode' );

    Then add this to your child theme functions.php, and add the call button shortcode [call_button] to your Phone Number Or Small Info Text field:
    2022-12-10_011.jpeg
    This is the result for desktop and mobile:
    2022-12-10_140651.png
    You can also add this call button shortcode in other places like widgets and your footer.

    Best regards,
    Mike

    in reply to: Problems with the automatic backup again! ***urgent*** #1375783

    Hi,
    I don’t think that I have seen “automatic backup” before, where did you see this? Can you share a screenshot of this?

    Best regards,
    Mike

    in reply to: Mobile Optimization Grid Row Tablet Landscape #1375782

    Hi,
    Thanks for the feedback, please try this css for a max-width of 1080px and landscape:

    @media only screen and (max-width: 1080px) and (orientation: landscape) {
    .responsive #top #wrap_all .flex_cell.av-5hi5me6-b34177ccafb611f881e8135e1bc9f448 {
        padding: 0 50px 50px 50px !important;
    }
    }

    After applying the css, please clear your browser cache and check.
    Please see the screenshot in the Private Content area of the expected results

    Best regards,
    Mike

    in reply to: on phone no header, hamburger menu deeper #1375781

    Hi,
    To have this for the homepage only I added the class .home to each rule in the css:

    @media only screen and (max-width: 767px) and (orientation: portrait) {
      #top.home #wrap_all #header_main {background-color: transparent;}
      .responsive #top.home #wrap_all #header {height: 0;}
      .responsive #top.home #wrap_all .main_menu {top: 32px;}
    }
    @media only screen and (max-width: 890px) and (orientation: landscape) {
      #top.home #wrap_all #header_main {background-color: transparent;}
      .responsive.html_mobile_menu_tablet #top.home #wrap_all #header {height: 0;}
      .responsive #top.home #wrap_all .main_menu {top: 32px;}
      .html_header_top.html_main_nav_header #top.home .av_menu_left .main_menu .av-main-nav-wrap {left: 100%;transform: translateX(-50%);}
      .html_mobile_menu_tablet #top.home .header_color div .av-hamburger-inner, .html_mobile_menu_tablet #top.home .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet #top.home .header_color div .av-hamburger-inner::after {background-color: #CC0000;}
      .html_header_top.html_main_nav_header.av-burger-overlay-active #top.home .av_menu_left .main_menu .av-main-nav-wrap {left: 96%;transform: unset;}
    
    }

    please try this

    Best regards,
    Mike

    in reply to: Header etwas weniger transparent #1375780

    Hi,
    Please try this css:

    #top .av_header_glassy.av_header_transparency .header_bg{background-color: #fff; opacity: .5;}

    .5 = 50%
    1 = 100%

    try adjusting to suit.

    Best regards,
    Mike

    in reply to: Enfold Customization #1375778

    Hi,
    Thank you for your patience and further explanation. I believe that I have come pretty close to what you want to achieve with our elements and some css.
    2022-12-10_004.jpeg
    For this I used the Blog element to show Portfolio Entries and the big image style:
    2022-12-10_005.jpeg
    I also added the custom class custom-portfolio-layout so the css would only effect this element:
    2022-12-10_006.jpeg
    I used this css in the Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .custom-portfolio-layout .post-entry .entry-content-wrapper {
    	display: flex;
    	flex-wrap: wrap;
    	flex-direction: row;
    }
    .custom-portfolio-layout .post-entry .entry-content-wrapper .big-preview.single-big {
    	display: flex;
    	width: 60%;
    }
    .custom-portfolio-layout .post-entry .entry-content-wrapper .entry-content {
    	display: flex;
    	width: 25%;
        padding: 0;
        margin: 0;
        justify-content: center;
    }
    .custom-portfolio-layout .post-entry .entry-content-wrapper .entry-content-header {
    	display: flex;
    	width: 10%;
        padding: 0;
        margin: 0;
        justify-content: center;
        align-items: center;
    }
    .html_elegant-blog #top .custom-portfolio-layout .post-entry .post-meta-infos {
    	display: none;
    }
    .custom-portfolio-layout .post-entry .entry-content-wrapper .entry-content-header .blog-categories {
    	    transform: rotate(90deg);
    }
    .custom-portfolio-layout .post-entry .entry-content-wrapper .entry-content-header h2.post-title.entry-title {
    	transform: rotate(90deg);
        width: 377px;
        padding-bottom: 100px !important;
    }
    

    After applying the css, please clear your browser cache and check.
    One last point is that on my demo site the blog style is set to Modern Business at Enfold Theme Options ▸ Blog Layout ▸ Blog Styling, if you use a different layout this may look a little different for you.
    2022-12-10_007.jpeg
    Also please note that my demo portfolio items were created with the Advanced Layout Builder so to show the excerpts I had to manually add them into the Excerpt Field. To use this option go to your portfolio item, and at the top of the page click “Screen Options” and choose the “Excerpt” box.
    2022-12-10_112817.png
    I linked to my test page below.

    Best regards,
    Mike

    in reply to: Header etwas weniger transparent #1375773

    Hey Nic_007,
    Please see the Layout admin side panel Header visibility and transparency and try the Transparent & Glassy Header option. If this doesn’t add enough opacity for you we can suggest some css to increase this option.
    2022-12-10_003.jpeg

    Best regards,
    Mike

    in reply to: on phone no header, hamburger menu deeper #1375772

    Hi,
    Thanks for the link to your site, please try this css:

    @media only screen and (max-width: 767px) and (orientation: portrait) {
      #top #wrap_all #header_main {background-color: transparent;}
      .responsive #top #wrap_all #header {height: 0;}
      .responsive #top #wrap_all .main_menu {top: 32px;}
    }
    @media only screen and (max-width: 890px) and (orientation: landscape) {
      #top #wrap_all #header_main {background-color: transparent;}
      .responsive.html_mobile_menu_tablet #top #wrap_all #header {height: 0;}
      .responsive #top #wrap_all .main_menu {top: 32px;}
      .html_header_top.html_main_nav_header #top .av_menu_left .main_menu .av-main-nav-wrap {left: 100%;transform: translateX(-50%);}
      .html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after {background-color: #CC0000;}
      .html_header_top.html_main_nav_header.av-burger-overlay-active #top .av_menu_left .main_menu .av-main-nav-wrap {left: 96%;transform: unset;}
    
    }

    After applying the css, please clear your browser cache and check. Please see the screenshot in the Private Content area of the expected results.

    Best regards,
    Mike

    in reply to: Using Enfold Parallax with PHP 5.5 #1375771

    Hi,
    Are you still using PHP 5.5?
    If you have updated your PHP then try to follow this thread.
    According to this thread

    The error indicates an issue with the certificate that your web server is serving. Please contact your hosting company support to fix the certificate of a server for you.

    But if you are still using PHP 5.5 then that would be the first thing to correct. Please see PHP Compatibility and WordPress Versions starting with WordPress 5.2, WordPress has Dropped support for PHP 5.5.

    Best regards,
    Mike

    in reply to: Gdpr security dialog batch on left side #1375769

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Blog list, keep article extract CSS in the Blog List view #1375767

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: How to add an alt tag to the logo? #1375766

    Hi,
    Guenni007 Günter said that has been added for v5.3

    Best regards,
    Mike

    in reply to: How to add an alt tag to the logo? #1375698

    Hi,
    This seems to be an issue with your tool, because the alt tag is showing in the source code.
    Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    in reply to: Main Menu #1375694

    Hi,
    Thanks for the feedback, I checked with Edge and Edge reads the css as having two colors:

    #header_main .phone_number a {
        color: #6489df;
        top: 28px;
        position: relative;
        color: #f8f8f8;
    }

    2022-12-09_001.jpeg
    But I’m only finding the css as above on your site.
    So I checged the css to this:

    #top #header_main .phone_number a {
        color: #6489df;
    }
    #top #header.av_header_transparency #header_main .phone_number a {
            color: #f8f8f8;
    }

    and cleared your WP Rocket cache and now it seems to work properly.
    For the mobile issue try this css:

    @media only screen and (max-width: 989px) { 
    	#top #header.av_header_transparency #header_main .phone_number a p {
    	color: #6489df !important;
    }
    #top #header.av_header_transparency #header_main .phone_number a {
        left: -65%;
        top: 18px;
    }
    }
    @media only screen and (max-width: 450px) { 
    	#top #header.av_header_transparency #header_main .phone_number a {
        left: -40%;
    }
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Display problems on the home page with Blog #1375688

    Hi,
    Thanks for the feedback, try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

    #top .fullsize .template-blog .blog-meta {
        float: left !important;
        margin-right: 50px !important;
    }
    #top .fullsize .template-blog .post .entry-content-wrapper {
        overflow: hidden !important;
    }
    #top .fullsize .template-page .big-preview {
        padding: 0 0 10px 131px !important;
        text-align: center !important;
    }
    #top .fullsize .multi-big .post_author_timeline,#top .fullsize .single-small .post_author_timeline {
        position: absolute;
        top: 0;
        left: 40px;
        width: 1px;
        height: 100%;
        border-right-width: 1px;
        border-right-style: dashed;
    }
    #top .fullsize .template-blog .post_author_timeline {
        display: block !important;
    }
    

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    Hi,
    Thank you for the feedback, it’s nice to hear.
    We will leave this thread open to hear back from you. Please let us know when this is resolved and we will then close it.

    Best regards,
    Mike

    in reply to: Display problems on the home page with Blog #1375586

    Hi,
    Thanks for the link to your test site, as I understand you want this layout:
    2022-12-08_006.jpeg
    but when you use the widget element on a page with no sidebar you get this layout:
    2022-12-08_005.jpeg
    this is because the first layout is shown when a sidebar is used, is there a reason you don’t want to use a real sidebar?

    Best regards,
    Mike

    in reply to: Mobile optimization timeline mobile and tablet portrait #1375584

    Hi,
    Thanks for your patience and the link to your site please try this css:

    @media only screen and (max-width: 450px) { 
    #top #wrap_all .all_colors h2.av-milestone-date {
        font-size: 35px;
        line-height: 1em;
    }
    #top h2.av-milestone-date strong {
        font-size: 20px;
    }
    }

    After applying the css, please clear your browser cache and check.
    this is the expected results:
    2022-12-08_004.jpeg

    Best regards,
    Mike

    in reply to: Enfold Customization #1375580

    Hi,
    Thanks for the screenshot, is this a single portfolio item (image) on the page? Is any of the text links?
    I think I was misunderstanding, I was thinking of a gallery of multiple images but this looks like a single portfolio page.
    The title of the image is “draft home page” is this your proposed homepage or is it one of many portfolio pages?

    Best regards,
    Mike

    in reply to: Mobile Optimization Grid Row Tablet Landscape #1375528

    Hey Diana,
    Thank you for your patience and for the screenshots, so I see that you have set the grid cells to be full width up to 989px, and I find that this is working correctly. Do you want this to work for larger screens? For example, the iPad pro has a landscape width of 1366px so do you want the cells to be full width up to there?
    I believe that the confusion about the padding is that the padding screenshot you showed is for up to 989px
    2022-12-08_003.jpeg
    but the screenshot of the grid element showing the cells side-by-side is for 990px
    2022-12-08_001.jpeg
    so to change this padding you need to change the desktop padding:
    2022-12-08_002.jpeg
    We could help with some css to change the break point to landscape width 1366px if you wish, or if you are using a different iPad, some of their landscape widths are 1024px
    Try this link on your iPad to see what width your screen is screen resolution, you may need to reload the screen when you check portrait vs landscape.

    Best regards,
    Mike

    Hi,
    I took a look at the staging site and it looks like you have made some good progress with it, I see it is updated to v5.2.1 and it looks like it is working well?

    Best regards,
    Mike

    in reply to: Homepage design #1375509

    Hi,
    Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Enfold Customization #1375508

    Hi,
    Thanks for the link to your mockup image but I’m not able to see it, please try again.
    If you have trouble with the screenshot site you can also use DropBox or Google Drive and post the link below.
    As I understand your question, in order to show a gallery that includes tags or metadata I would recommend using a plugin, and I believe that such a plugin would also include the other features. Here is a link to the search results for WordPress plugins for photo gallery with tags random, please check the screenshots for these out to see if they are what you had in mind.

    Best regards,
    Mike

    in reply to: Header conflict #1375505

    Hi,
    So the footer error only occurs on the pages that the Cooked plugin is used?
    Please check if the footer error occurs when the parent theme is activated instead of the child theme.

    Best regards,
    Mike

    in reply to: Main Menu #1375437

    Hi,
    Thanks for the link to your new page, I had tested on your old dev page, try using this css that has the color for both states, before and after scroll:

    #header_main .phone_number a {
        color: #6489df;
    }
    #top #header.av_header_transparency #header_main .phone_number a p {
    	color: #f8f8f8;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Team Member Description in Lightbox #1375434

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Shop category thumbnail images are suddenly the wrong size #1375433

    Hi,
    Are you saying that on the frontend that solution works correctly but in the preview/unpublished it still looks wrong?
    Sometimes WordPress doesn’t display some of the theme elements correctly in preview/unpublished because WordPress doesn’t include the theme files in the preview/unpublished in the same way as it does in the frontend published state. We can’t not correct this because we would need to edit the core WordPress files to do so.

    Best regards,
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Category pages not working #1375427

    Hi,
    Thanks for the feedback, the error message was due to an old breadcrumbs shortcode that you were using that should not be used, I corrected for you, you can read this post for further info but there is no action that you need to take now.
    So as I understand when you use the parent theme Enfold instead of the child theme it works correctly?
    I tried removing all of your custom code in your child theme functions.php and your child theme stylesheet but that didn’t help, and then I tried enabling your parent theme and your category pages did show, so I don’t know how this could be since the only customization for the child theme are in those two files.
    Are you able to create a staging site? If you are try exporting your theme settings when your child theme is active and then activate your parent theme and import the child theme settings file and see if all of your child theme customizations are imported into your parent theme and everything looks correct and the category pages also work correctly.
    It sounds like this might work but try this on a staging site in case it doesn’t.

    Best regards,
    Mike

Viewing 30 posts - 9,391 through 9,420 (of 34,660 total)