Forum Replies Created
-
AuthorPosts
-
December 10, 2022 at 9:26 pm in reply to: Anchor link form hotspot to content section on the same page #1375785
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:
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
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:
This is the result for desktop and mobile:
You can also add this call button shortcode in other places like widgets and your footer.Best regards,
MikeDecember 10, 2022 at 8:32 pm in reply to: Problems with the automatic backup again! ***urgent*** #1375783Hi,
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,
MikeHi,
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 resultsBest regards,
MikeHi,
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,
MikeHi,
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,
MikeHi,
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.
For this I used the Blog element to show Portfolio Entries and the big image style:
I also added the custom class custom-portfolio-layout so the css would only effect this element:
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.
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.
I linked to my test page below.Best regards,
MikeHi,
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,
MikeHi,
Are you still using PHP 5.5?
If you have updated your PHP then try to follow this thread.
According to this threadThe 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,
MikeHi,
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,
MikeDecember 10, 2022 at 2:00 pm in reply to: Blog list, keep article extract CSS in the Blog List view #1375767Hi,
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,
MikeHi,
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,
MikeHi,
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; }
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,
MikeHi,
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,
MikeDecember 9, 2022 at 2:03 am in reply to: Update to Enfold 5.2.1 breaks footer and other child elements #1375613Hi,
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,
MikeHi,
Thanks for the link to your test site, as I understand you want this layout:
but when you use the widget element on a page with no sidebar you get this layout:
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,
MikeDecember 8, 2022 at 7:36 pm in reply to: Mobile optimization timeline mobile and tablet portrait #1375584Hi,
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:
Best regards,
MikeHi,
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,
MikeHey 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
but the screenshot of the grid element showing the cells side-by-side is for 990px
so to change this padding you need to change the desktop padding:
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,
MikeDecember 8, 2022 at 1:33 pm in reply to: Update to Enfold 5.2.1 breaks footer and other child elements #1375513Hi,
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,
MikeHi,
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,
MikeHi,
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,
MikeHi,
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,
MikeHi,
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,
MikeHi,
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,
MikeDecember 7, 2022 at 8:38 pm in reply to: Shop category thumbnail images are suddenly the wrong size #1375433Hi,
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,
MikeDecember 7, 2022 at 8:25 pm in reply to: Secondary product attribute not displaying on single product page #1375428Hi,
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,
MikeHi,
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 -
AuthorPosts