Forum Replies Created
-
AuthorPosts
-
March 3, 2024 at 3:01 pm in reply to: CSS modifications don’t apply to child theme stylesheet #1436126
Hey LoPld,
For your first question, I believe what you want is to have the burger menu show until 1240px, if this is correct then your css is wrong. Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (min-width: 768px) and (max-width: 1240px){ .responsive #top .av-main-nav .menu-item-avia-special { display: block!important; } #top #header .av-main-nav > li.menu-item { display: none!important; } .responsive #top .av-main-nav .menu-item-avia-special { display: block; } #top #header .av-main-nav > li#menu-item-search.menu-item { display: block!important; } .av-main-nav-wrap { float: right; } } @media only screen and (min-width: 990px) and (max-width: 1240px){ #top #header .av-main-nav > li#menu-item-search.menu-item { display: block!important; line-height: 118px; } #top #header .av-main-nav > li#menu-item-search.menu-item a { line-height: 118px; } .responsive.html_mobile_menu_tablet #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; color: #e8c100; } }
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,
MikeHey Pasteta,
Please link to your page so that we can understand better.Best regards,
MikeHi,
Thanks for the screenshots, but I don’t think that I understand, do you want a white border around the lightbox image?
Please try to explain in more detail.Best regards,
MikeHi,
I see that you are using test post titles, do you believe that all of your tiltes will be about the same length, using the same number of rows?
If so this will be solved, otherwise try adding the real titles so we can see how many rows you will use. Offering a solution for these test titles may not work the same when you start using real titles.Best regards,
MikeHi,
To remove the text decoration from your icons, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#av_section_1.main_color .av_textblock_section a { text-decoration: none; }
For your second question, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top.page-id-1191 #av_section_2.main_color .av-masonry-outerimage-container { background-color: transparent; }
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,
Perhaps I read your question too quickly, I was looking for the css in the June 28 2023 post and this css in not in your Quick CSS.
But this code that is in your Quick CSS doesn’t belong there:add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 ); function enfold_customization_modify_thumb_size( $size ) { $size['entry_without_sidebar'] = array('width'=>1200, 'height'=>630, 'crop' => true); return $size; }
It belongs in your child theme functions.php file, but you are not using a child theme so it was probably in your Enfold functions.php and when you updated it was lost along with any other customizations.
If you are not going to use a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:
then add the code and save and you won’t lose it on updates.
Remember that for any new images that you added you will need to Regenerate the Thumbnails for the change to show.Best regards,
MikeHi,
Please include an admin login in the Private Content area so we can examine.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 Gianluca,
I assume that you mean this element:
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #av_section_1.main_color .av_textblock_section .avia_textblock table, #top #av_section_1.main_color .av_textblock_section .avia_textblock div, #top #av_section_1.main_color .av_textblock_section .avia_textblock td { border-color: transparent; background: transparent; } #top #av_section_1.main_color tr:nth-child(odd) { background: transparent; }
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 is the expected results:
Best regards,
MikeHi,
This is not the font that I’m seeing, it looks like your screenshot is of an iPhone, please note that iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .av-hover-overlay-active .av-masonry-image-container { opacity: 1; } #top .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container { opacity: 0.7; }
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,
MikeHey joschro,
Please link to an example page so we can examine the css closer.Best regards,
MikeHey limedrop,
The Dev Team is currently investigating this, but we don’t have any details to share at this time, When the Dev Team has more information they may reply here as this thead is in their notes, or please keep an eye on our Enfold – Upcoming fixes thread.
Thank you for your patience, and for using Enfold.Best regards,
MikeHey MM,
The Dev Team is currently investigating this, but we don’t have any details to share at this time, please keep an eye on our Enfold – Upcoming fixes thread this will be the first place further information about this will be posted.
Thank you for your patience, and for using Enfold.Best regards,
MikeHi,
Thank you for the link to your page, I don’t find the above css in your site css, and when I test bu injeting it in the browser it works, perhaps there is an error in your css like a missing bracket that is breaking it, try add the css to your WordPress ▸ Customize ▸ Additional CSS and see if that helps.
You could check your custom css for errors with this tool.Best regards,
MikeHi,
That would not be an issue and probably the best solution for your situation.Best regards,
MikeHey joschro,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.mfp-bottom-bar .mfp-title { display: none; }
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 joschro,
Please add this shortcode to the copyright field:[nolink]
Please see our documentation for more detailsBest regards,
MikeHi,
Thanks for your patience, your error message points to \enfold\config-templatebuilder\avia-template-builder\php\class-asset-manager.php on line 1280
which is $print .= $stored_assets[ $asset . ‘-‘ . $file_type ][‘file_content’]; if this was a one time error while you were renaming the theme then you can ignore it, if you are still seeing it then try disable the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and see if that helps. Thanks for the video I don’t see any cause for your issue with the LayerSlider deactivating and I don’t believe that using a theme name in the child theme would cause an issue. I have not seen this kind of issue before. I have asked the rest of the team if they have any ideas, Thanks for your patience.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,
Thank you for your patience this was very hard to sort out with all of your custom css, but I believe that I have it the best that I can get it. The mega menu is not 100% width, it is the default 95% width, this is best and now looks correct at the different screen sizes, otherwise the placement will not be correct.
Please adjust to suit, then clear your browser cache and check.Best regards,
MikeMarch 2, 2024 at 4:45 pm in reply to: Add Bootstrap to Enfold theme or Alternates for mobile responsiveness #1436049Hey ChrisEngineer,
If I understand correctly, you are adding Bootstrap css to the theme in hopes that the Bootstrap css will change the style and behavior of the theme elements?
This will not work because the theme doesn’t use the same classes as the Bootstrap css.
But if you are adding Bootstrap css to the theme and adding new HTML elements or snippets with the correct Bootstrap classes then this should work and we would need to see your site for further context.Best regards,
MikeHey mannye,
This could be due to the structure of the files inside of the font zip file, please link to the zip you are using so we can test on our demo.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.slide-content .blog-categories a { display: none; }
Best regards,
MikeHey Ryan,
Thanks for your question, it sounds like you updated your PHP from 7.3 to 8.2 and now you see that version 5.6.10 is availability but the update fails?
I would not expect any issues, what is your current theme version and do you see any specific errors?
Have you tried disabling all of your plugins and try to then update?
Have you tried updating with the official Envato Market WordPress Plugin, note that the required permissions are different for the token, please follow the steps in the plugin.Best regards,
Mike -
AuthorPosts