Forum Replies Created
-
AuthorPosts
-
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,
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,
MikeDecember 7, 2022 at 7:48 pm in reply to: Blog list, keep article extract CSS in the Blog List view #1375420Hi,
Thanks for the feedback, I believe that I have modified it as you wished, please clear your browser cache and check.Best regards,
MikeHi,
To open a new thread please click this link.
Thank you for using Enfold.Best regards,
MikeHi,
Thanks for the link, so to make the menu item “documentation” show open whenever the page “another page” is opened try this css:#top.page-id-21 #avia-menu.av-main-nav #menu-item-29.menu-item-has-children ul.sub-menu li { display: block; } #top.page-id-21 #avia-menu.av-main-nav #menu-item-29.menu-item-has-children ul.sub-menu { opacity: 1 !important; visibility: visible !important; }To apply this to other pages and menu item you would change the page class (page-id-21) and the menu ID (menu-item-29) to your new page and menu item.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
I added the class .mfp-content to your css for the popup so the width is only applied when it is a popup and not on the page, please clear your browser cache and check.Best regards,
MikeHi,
To change the phone number to white when the header is transparent please try this css:#top #header.av_header_transparency #header_main .phone_number a p { color: #f8f8f8; }After applying the css, please clear your browser cache and check.
The number will then show as blue when you scroll and the header is no longer transparent.Best regards,
MikeDecember 7, 2022 at 1:33 pm in reply to: Secondary product attribute not displaying on single product page #1375337Hi,
Thanks for the screenshots and the login, I found this css in your Quick CSS that was hiding it:div table.shop_attributes .main_color table caption, .main_color tr:nth-child(2n), .main_color .pricing-table > li:nth-child(2n), #top .main_color .avia-data-table.avia_pricing_minimal td { color: #333333; display: none; }I don’t know why you were using it but if I remove this line:
.main_color tr:nth-child(2n),
then the field shows

I put it back so you could investigate why it is there.Best regards,
MikeHi,
As I understand your last two posts, you have solved the duplicate recipe issue by replacing some of your child theme files, but now your footer doesn’t show?
So is that the page as a footer, or the regular footer or both?
which files did you replace?Best regards,
MikeHi,
The reason that one entry was shown twice was because I didn’t use the offset option, I was trying to demonstrate the layout, when I choose the offset Do not allow duplicate posts on the entire page (set offset automatically) there are no duplicates:

and the result:

But I think I understand what you mean now so I tested with one element having the top big image to the side and it fell on the left:

To flip it to the other side I added this css:#avia-magazine-1 .av-magazine-hero { float: right; } #avia-magazine-1.av-magazine .av-magazine-sideshow.av_one_half { margin-right: 3%; padding-right: 3%; width: 50%; border-right-width: 1px; border-right-style: solid; margin-left: 0; padding-left: 0; width: 50%; border-left-width: 0px; border-left-style: none; }Best regards,
MikeHi,
I’m not sure that I understand because I was able to create this layout using the current magazine options when using two magazine elements in two columns, the element on the left only shows 4 thumbnails and the element on the right shows one larger 1030px x 1030px image.

So I’m not sure what you would like to change about the layout.To use larger thumbnail images for the magazine element, I added the custom class larger-thumbnails to the element on the left and this script at the end of my child theme functions.php file in Appearance ▸ Editor:
function custom_mag_thumb_size() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('width', '180px'); $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('height', '180px'); $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('sizes', '(max-width: 180px) 100vw, 180px'); $('.av-magazine.larger-thumbnails .av-magazine-entry .av-magazine-thumbnail').css({'height': '180px','width': '180px'}); })(jQuery); }); </script> <?php } add_action('wp_footer', 'custom_mag_thumb_size');and this was the result:

I linked my test page below, please give this a try.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 to hear that you have this sorted out, shall we close this then?Best regards,
MikeHi,
When I check your child theme I see that you had an old header.php but no footer.php these to files went together so I would expect an error using the old header.php and a new footer.php. But your header.php is disabled right now and you are seeing the error so it doesn’t point to that as the error.
I see you are using Advanced Custom Fields, is this what is adding the recipes?
I mean that your recipe post type only shows shortcodes so are these shortcodes injected into a custom post loop to display?
If so this might be added to page as a footer because the code is looking for a div like “content” or such.
This would explain why when you use no page as a footer and just the normal footer with widgets the error doesn’t occur.Best regards,
Mike -
AuthorPosts

