Forum Replies Created
-
AuthorPosts
-
Hey jasonlthornton,
Thank you for the link to your site, when two buttons are in the menu some css is added so they are closer together, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field so there is more space:.av-menu-button + .av-menu-button { margin-left: 0; }
if you want more space you are adjust like this:
.av-menu-button + .av-menu-button { margin-left: 10px; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad to hear that you have this sorted out, 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,
I made some adjustment, please clear your browser cache and check.
Please explain further about your “cookie policy wording” question.Best regards,
MikeHi,
Thanks for the feedback, I don’t think that the style is causing an issue with your css nth-child, I believe that your css doesn’t have enough specifically to override the theme margin, you would need at least an ID added to your css.
If you could link to your page and explain what you are trying to do then we could recommend some css that will work for you.
The css should not cause any issues when you copy the pages because you also want the css for the elements on the pages that you are copying.
Have you tied saving your page, or the elements on the page, as a template in the Advanced Layout Builder and then applying it you are other pages?
How are you duplicating your pages, with a plugin?Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top #wrap_all #footer .container { display: flex; flex-wrap: wrap; justify-content: space-between; width: 90%; max-width: 90%; } .responsive #top #wrap_all #footer .flex_column.av_one_third:first-child { width: calc(50%); clear: none; } .responsive #top #wrap_all #footer .flex_column.av_one_third:first-child .widgettitle { width: 98%; } .responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) .widgettitle { width: 43%; } .responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) #menu-item-1422 a { padding-right: 0; } .responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) { text-align: right; width: calc(50%); } .responsive #top #wrap_all #footer .flex_column.av_one_third:last-child { width: 100%; text-align: center; } } #top #footer.footer_color input[type='tel'] { background-color: #fff; }
Please see the screenshot in the Private Content area of the expected results.
Best regards,
MikeHi,
Thanks for the screenshot, but I can not read the comments in red, can you change them to English?
It looks like the three columns with the green bars are going to have a maximum width with a minimum distance between them and the rest of the page is depended on this, what are the column widths and distance between the columns?
Currently you are using 1/3 columns so I guess these columns need to be customized to a new width?
What is the margin width from the green bar to the outside edge of the logo, what is the max width of the page?
The distance from the outside edge of the logo to the edge of the screen won’t always be the same, correct, this will be the difference between the max page width and the screen resolution. Or is it the other way around where these are fixed widths the three columns in the middle adjust smaller as the screen gets smaller?Best regards,
MikeHi,
How are you trying the nth-child selector?
The style should not cause any issues, if you are targeting the first image then you would use .avia-image-container:first-child
or whatever element you are targeting use the class of that element and the nth-child selector for it’s position.
It sounds like you are tying to use the parent class and then count elements from there.
Try reviewing this article: Useful :nth-child RecipesBest 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,
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,
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.
Is the link below correct, because I see the round corners on my Android.Best regards,
MikeHi,
It sounds like you are using a server cache or a CDN on your server, you will need to find this a either clear it or deactivate it, I see that you have a plugin The Bluehost Plugin that says it “integrates a WordPress site with the Bluehost control panel, including performance” so your host is probably caching see if you can clear this on your Bluehost control panel or try disabling the plugin.
I cleared your cache again and now your new address is showing so this is a cace and not the theme.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,
What do you mean your HTML is broken? Can you point to an example, when I look at your site it looks fine.
Perhaps the issue is with a plugin, the best why to duplicate pages it to Enable the Avia Layout Builder Debugger and copy the shortcode.
You should not need to disable Post CSS files or remove the inline css.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,
I cleared your cache a couple of times and the frontend now looks the same as the backend, please clear your browser cache and check.Best regards,
MikeHi,
Very good, 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,
I believe that this refers to the the @font-face css that you add, see this font-display documentation
There are five font-display values:
font-display: auto;
font-display: block;
font-display: swap;
font-display: fallback;
font-display: optional;so you should add one to your css, it seems that font-display: fallback; would be good choice, but you can research it further and decide what is best for you.
Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #testimonialtemp .avia-slideshow-arrows a.prev-slide { left: -2px; } @media only screen and (max-width: 500px) { .responsive #top #testimonialtemp .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial { padding: 0px 30px; } }
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 mobile results:
Best regards,
MikeHey HulaSlim,
Thanks for the link to your page, but I don’t understand the issue, please explain again.
Perhaps a screenshot or a mockup with arrows would help.Best regards,
MikeHey betty,
I tested these:
cafilm.org ▸ “now showing image opens in a new tab
rafaelfilm.cafilm.org ▸ “get tickets” and it opens in a new tab
cfieducation.cafilm.org ▸ date buttons opens in a new tab
mvff.com/early-bird/ ▸ “buy 6-pack” button opens in a new tab
mindthegapinfilm.com ▸ netflix link opens in a new tabfrom what I see it is working generally, perhaps if you have a specific link or button that is not working try rechecking that specific item.
For example on cafilm.org the “now showing” is set to open in a new tab and it works, but the other two, “become a member” & “education” are not set to open in a new tab and thus don’t, if you expected these to open in a new tab then please re-check the settings.Best regards,
MikeHey Gianluca,
Thank you for your patience, the “search-no-results” is not a 404 page so it can’t redirect to your custom 404 page.
For your chart titles, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #wrap_all .all_colors .avia-content-slider-element-container h3.slide-entry-title { color: #fff; text-align: center; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey HulaSlim,
Thanks for your question, as I can tell from the Helper Lite for PageSpeed plugin page itSpeed up your site with attributes decoding=”async” & loading=”lazy” for <img> and <iframe>. Removes problem “Does not use passive listeners to improve scrolling performance”. Help to Up Your Google PageSpeed Insights Score.
so this is mostly to get a better PageSpeed Insights Score, the theme already has a lazy load option so the “async” attribute may help with PageSpeed Insights Score but not too much with overall load time, I don’t think that it would conflict with LiteSpeed, but I would disable it until after setting up LiteSpeed and getting a good load time.
I would recommend setting up LiteSpeed first and don’t add any other caching right away, as there may be a issue with supercache, since LiteSpeed works on your server it should work better, at least try it first.
The TinyPNG image compression plugin will work well with LiteSpeed and should help with image sizes.
You can also enable compression in your .htaccess file if you add this code to it:<IfModule mod_deflate.c> AddType x-font/woff .woff AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE font/opentype font/ttf font/eot font/otf </IfModule>
Best regards,
MikeHi,
You can use (Email address hidden if logged out) – we do not receive any messages at this address and then post the admin login and password in the Private Content area below, or- Install and activate the “Temporary Login Without Password” plugin. You can find it here.
- Once activated, navigate to “Users > Temporary Logins” in the left-side menu.
- Click on “Create New” to generate a temporary login.
- Enter the email address for the account (you can use (Email address hidden if logged out) – we do not receive any messages at this address) and select the highest possible role. Set the expiry date to around four days to ensure enough time for debugging.
- Click “Submit” to create the temporary account.
- In the private section, provide us with the URL that allows us to access the temporary login and assist you.
Please note that once your issue is resolved, you can remove the plugin.
If you have any further questions or concerns, please let us know.
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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#testimonialtemp .avia-testimonial-wrapper { background: url('https://mygolfcoaches.com/wp-content/uploads/2023/08/horizantalgolfbackground.jpg'); background-size: contain; padding: 50px; margin: 0; } #testimonialtemp .avia-slideshow-arrows a { transform: translateY(150%); } #testimonialtemp .avia-testimonial-content.av_inherit_color p, #top #testimonialtemp .avia-testimonial-wrapper .avia-testimonial-name { color:#fff; } #top #testimonialtemp .avia-slider-testimonials.av-control-minimal-dark .avia-slideshow-arrows a { color: #fff; } #top #testimonialtemp .av-control-minimal-dark .avia-slideshow-arrows a:before { border-color: #fff; }
I assumed that you wanted the text and arrows white also so I included that css, this is the expected results:
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,
Never mind about the FTP access I was able to import the Construction Demo manually, please clear your browser cache and check.Best regards,
MikeHi,
Please also include FTP access so we can use FileZilla and ensure the directory path is “/” so we can access the root of your site. Or perhaps the OVH net2ftp will be ok.Best regards,
Mike -
AuthorPosts