Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the link to your site, I added this function in your child theme functions.php:function add_custom_header_image_to_products() { if ( is_product() ) { ?> <div class="single-header-image"><br><br></div> <div class="breadcrumbrow" style="background-color: #f8f8f8;"><div class="container" style="padding-top:3px;"> <?php echo do_shortcode('[av_breadcrumbs]'); ?></div></div> <?php } } add_action( 'woocommerce_before_main_content', 'add_custom_header_image_to_products', 10 );
Please check the product page linked below.
Best regards,
MikeHi,
Thanks for the screenshots, it looks like the page you want to be 960px is the blog page, and I assume other pages, so I recommend settings the site content width to 960px at Enfold Theme Options ▸ General Layout ▸ Dimensions ▸ Content | Sidebar Ratio.
Then it looks like a single post is the page you want to be 720px, I would achieve this will css like trying this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.single-post .fullsize .template-blog .post .entry-content-wrapper { max-width: 720px; } #top.single-post .av-content-full > .related_posts { max-width: 720px; } #top.single-post .av-content-full > .comment-entry { max-width: 720px; }
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.
This css assumes that the single post is created with the default editor, and your settings are similar to my demo site, unfortunately there are so many settings that to give to an exact solution I will need to see your page. You could include a admin login in the Private Content area below, or we could wait until your site is live.Best regards,
MikeOctober 7, 2023 at 9:58 pm in reply to: Blog page in portrait orientation iPhone 14 max pro sticks #1421788Hi,
Glad Guenni007 could help, thank you Guenni007, I checked your blog page with Safari Responsive Design Mode emulating a iPhone in portrait mode, but I was able to scroll fine, I also checked on my Android phone with no issues, unfortunately I don’t have a iPhone to test with, if you are still experiencing this issue please tell us which model of iPhone you are using and we will see if we can reproduce this error. Perhaps the version you are using is not using the latest Safari? On my Mac I have v16.6, but the Desktop Safari and mobile version don’t always behave the same.Best regards,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, bbarasa did this help you?Best regards,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, HulaSlim did this help you?Best regards,
MikeHi,
Thank you for helping Guenni007, Tim please include an admin login in the Private Content area and a direct link to the page in the screenshot so we can check why this is not working for you.Best regards,
MikeHi,
I believe the category class is added to the masonry so you could set the css color via this class. I don’t think that you can add a ACF field to the Masonry sorting options.
Pehaps an expert with ACF has a way to do this, but it’s beyond our abilities here.
I recommend adding css to set the color via the category class, if you need some help with this please link to your example page and let us know what colors you want for each category.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,
MikeHi,
Glad we were able to help, I will look at your other issue, it looks complicated so it may take some time. 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,
MikeHey Sebastian,
Try this solution.Best regards,
MikeHi,
On the page that you linked to, “Schulmaterialien” is an H1 tag and your CSS is targeting H2 tags, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead:@media only screen and (max-width: 767px) { #top #wrap_all #main .header_color h1, #top #wrap_all #main .main_color h1, #top #wrap_all #main .alternate_color h1 { font-size: 24px; } }
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,
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 page, it looks correct now so you must have sorted it out.
I see that your text elements have div tags when you check with the “text” tab in the builder, if you add or edit the content in the “visual” tab of the text element editor, it is possible to accidentally remove a div tag and break the layout. Please try to edit your pages in the “text” tab that shows the code so you don’t accidentally remove these. Or you could remove the correct opening and closing div tags, but this may be a lot of work. These could have been added in error if you copy and paste content into the “visual” tab.Best regards,
MikeHi,
Try this thread, if you have trouble setting it up please include an admin login in the Private Content area and explain which page you want which menu to show on so we can examine.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,
MikeOctober 7, 2023 at 6:48 pm in reply to: Video outside the viewport – google search console alert #1421764Hey Tina,
Thanks for your question, by the sound of “Video outside the viewport” I was thinking that at mobile the video was partly off the page, I checked your videos at the mobile size but they all showed in the pages correctly. Then I found this thread from just a couple of month ago that shed some light on it.If you want a video to be counted, it basically needs to be in the initial viewport, the video is embedded way down the page in the example you have given.
So it wouldn’t really have the video indexed as apart of the page.I see that you videos are also near the bottom of the page, or “outside the initial viewport”, so to correct you will need to place the videos at the top of your page.
Right now you have a image that looks like a video that links to a lower part of the page, try swaping this out for a real video. But since you have many videos on your page, only one will get indexed, do you may also need to make a new page for each video, so it can be at the top.
I hope this helps.Best regards,
MikeOctober 7, 2023 at 6:27 pm in reply to: Plugin Encyclopedia – exclude rendering from Enfold #1421763Hey WebbR,
I tried the plugin, but I didn’t find a way to make it look like the demo, I didn’t find any css applied to the page nor the filter. I didn’t find the help info helpful and it seems to be geared towards the pro version. I’m not knocking it, but I would look for another solution. I would expect a shortcode that you can add to any page to display the plugin posts and the filter.
Sorry I was not more help.Best regards,
MikeOctober 7, 2023 at 5:39 pm in reply to: How to reduce huge amount of images (and sizes) generated by Enfold? #1421761Hi,
The code above will not remove existing images, you will need to use a separate plugin like Regenerate Thumbnails, as I recall this one will remove the unused images.Best regards,
MikeHi,
Unfortunately there is not a way to do this with ACF & Enfold because Enfold doesn’t get the CSS colors from the post. Unfortunately I don’t see a way to do this.
Perhaps you can get ACF to add a custom class to the masonry element that can specify the color, but I didn’t find a way to do this, my ACF knowledge is limited as well as our support of ACF.Best regards,
MikeHi,
Glad Ismael 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,
Glad Ismael 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,
MikeHey Marc,
Thanks for your question, unfortunately we don’t have a built in way to specify element widths, typically the width is a percentage of the content width at Enfold Theme Options ▸ General Layout ▸ Dimensions ▸ Content | Sidebar Ratio
So you could try adjusting these two options, if this doesn’t give the control you wish, we could help with so CSS that can set the max-width of certain elements.
If you would like this please link to a couple of pages with the elements for us to examine.Best regards,
MikeHey Stefan,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.av-image-hotspot_inner { color: transparent !important; } .av-image-hotspot_inner::after { content: ''; color: black; left: -3px; position: relative; } div .av-image-hotspot:nth-child(1) .av-image-hotspot_inner::after { content: 'A'; } div .av-image-hotspot:nth-child(2) .av-image-hotspot_inner::after { content: 'B'; } div .av-image-hotspot:nth-child(3) .av-image-hotspot_inner::after { content: 'C'; } div .av-image-hotspot:nth-child(4) .av-image-hotspot_inner::after { content: 'D'; } div .av-image-hotspot:nth-child(5) .av-image-hotspot_inner::after { content: 'E'; }
If you have more than 5 hotspots, copy the last one and add as many as you need changing the number and the letter.
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,
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,
MikeHey Celeranttechnologycorp,
Unfortunately the link you posted to the example thread is not working, I tried searching but didn’t find and suitable results, and nothing comes to mind for this.
Please try linking to the thread again. I assume that you mean that the hotspots are set to show only on click and you have a text block next to it with links, clicking one will open the hotspot.
Would this be the only element on the page at full height, or does the hotspot also need to scroll into position, I would see this as a problem.
Does this also need to work on mobile?
Can you create a test page so wee can see the layout?Best regards,
MikeHey Tim,
Please use the shortcode wand to create a contact form and paste the shortcode into a custom HTML widget.Best regards,
Mike -
AuthorPosts