Forum Replies Created
-
AuthorPosts
-
July 20, 2018 at 2:40 am in reply to: Changing the size of the product images in the checkout page #987669
Hi,
Please try this code in the General Styling > Quick CSS field:@media only screen and (max-width: 479px) { .responsive table.shop_table.cart .product-thumbnail { display: block !important; width: 180px !important; } } @media only screen and (max-width: 767px) { .responsive table.shop_table .product-thumbnail { display: block !important; width: 180px !important; } }
Please adjust image width to suit.
Best regards,
MikeHi,
I added the code to the Quick CSS, temporarily, to take these screenshots of the code working on the green area, as compared to the blue section with no code.
Please see screenshots in Private Content area.
You can add it if you would like to see for yourself.
Please clear any cache plugin and your browser cache and check.Please see the last screenshot of what 768px could look like with minor css text adjustment.
Best regards,
MikeHi,
I removed the css so we could work on a different solution and have the team look at it to advise, without trying to overcome the css I wrote.
I see you added it back though, it would be nice if you removed it.
Today I have a new solution for the image in the green section:#top.page-id-1016 #av_section_3 .container { padding: 0px !important; } #top.page-id-1016 .avia-builder-el-15 img { height: 100%!important; object-fit: cover; } #top.page-id-1016 .avia-builder-el-12 { padding-top: 0px !important; }
This fills the container with the image starting around 1300px when the image aspect allows, at higher screen sizes the image is 100% wide (it’s own width) and the height fills the container.
The image will be 100% high all the way down to the mobile brake point, when the image goes below the text.
The problem is that at tablet screen size the font of the white text is too big so it goes to the edge of the screen, and adding padding forces the container larger, which gives the green strip over the image.
This is why the other code needed the “white text” rule that you removed.
So please try this new code above, and see that the image is filling good now. If you want help making the text a little smaller for tablet so it doesn’t go to the edge, let us know.Now for mobile screens, you will see that the image doesn’t go to the edge left & right, this is because of the section margin, and removing it will make the text also go to the edge of the screen, so to correct this we will need to add a rule for the white text, like before. If you would like help with this please let us know.
As for:
.entry-content p { margin: 20px 0; }
I removed it before with no issues, and I commented it out (made it useless) again now with no issues.
It only adds about 10px margin to the top of paragraphs. Perhaps you had a issue removing it because you also removed some of the rule before or after? I’m not sure why you would add it back after I removed it?Best regards,
MikeJuly 19, 2018 at 4:47 am in reply to: Changing the size of the product images in the checkout page #987252Hi,
Please try the same code in WordPress > Customize > Additional CSS
If this doesn’t help, please include a admin login in the private content area so we can take a closer look.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeHi,
The “View all results” works in “Say What”
But “Portfolio Items” doesn’t
Please try @Guenni007’s tip.Best regards,
MikeHi,
Do you mean the icons that look like flags or the ones that look like the globe?Best regards,
MikeHi,
I assume your Google Maps billing in enabled, but I was made aware of this change on 7/16:
As of July 16, 2018, Google maps will return error if billing is not enabled. https://developers.google.com/maps/documentation/javascript/usage-and-billingCould be worth looking into.
Best regards,
MikeHi,
When your desktop menu is activated you can change the menu colors in Enfold Theme Options > Advanced Styling or we can assist with css. But we will need for you to activate the desktop menu, I know you said there is another issue being worked on, so please let us know when you are ready for this.Best regards,
MikeJuly 19, 2018 at 3:18 am in reply to: "Couldn't add the font because the server didn’t respond" error when uploading #987239Hi,
Thanks for the file, I was not able to import it into my localhost, but I was able to download a new icon from fontello.com and import it, I was also able to do this for your site too. So I believe the issue is with your file.
I couldn’t find the same icons on fontello.com to create a new file, is this where you got it from?
Can you try creating a new icon file?Best regards,
MikeHi,
1: I removed the date from the sidebar posts by adding “.news-time” class to your “display:none” rule in your Quick CSS.
2: I removed the top padding from the slide show for mobile height on the two pages & checked you other pages. This is what I added to your Quick CSS.@media only screen and (max-width: 767px) { .html_header_transparency #top.page-id-3295 .slideshow_caption,.html_header_transparency #top.page-id-3302 .slideshow_caption { padding-top: 0px !important; } }
3: when you say “optimize” the site for mobile devices, what other issues do you see?
4: for you your contact form not sending, I installed the plugin “WP Mail Logging Log” to try to catch any errors, but found none.
Sometimes a webhost uses anti-spam software that requires the correct “from” address for SMTP so I added a filter to your functions.php that has worked in the past, but didn’t seem to work this time.
Please ask your webhost if they see any errors in the error log, or if there are any other requirements for their smtp.Best regards,
MikeHi,
Thank you for the login, I changed your quick css to:.myicon .av-icon-char:before { visibility: hidden !important; } .myicon .av-icon-char { background: url(https://your-site.com/wp-content/uploads/2018/07/myicon.png) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; }
and it now works, Please clear your browser cache and check.
Best regards,
MikeHi,
Please try going through the Google Maps settings, and find the Geocoding Service API and enable it which is now disabled by default.
https://developers.google.com/maps/documentation/javascript/geocodingBest regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeHi,
Sorry to have caused you this trouble, the code you removed was a part of the solution.
the “.entry-content p {” only centered the text, I have removed it and the other code that doesn’t work. (listed above)
I wish not upset you, we will provide a solution.
Sorry again.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeJuly 18, 2018 at 2:24 am in reply to: Hide titles and descriptions when you hover on images or thumbnails of galleries #986705Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeHi,
Can you please include a admin login in the private content area so we can take a closer look.Best regards,
MikeHi,
Please try this code in the General Styling > Quick CSS field:#top a.av-masonry-entry:hover > .av-inner-masonry .av-masonry-outerimage-container { -webkit-filter: blur(5px); filter: blur(5px); }
Best regards,
MikeJuly 17, 2018 at 11:41 am in reply to: Last updated date insertion / problem with avia blog postings #986362Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeJuly 17, 2018 at 11:36 am in reply to: "Couldn't add the font because the server didn’t respond" error when uploading #986358Hi,
Please give anyone with the link access to the file, right now dropbox says I don’t have access.Best regards,
MikeHi,
I took a look and everything looks good, in this case it is normal to get the message “file X already exists…”
Have a great day :)Best regards,
MikeHi,
I may have found a possible solution
you would need to edit the avia.jsBest regards,
MikeHi,
@PierreLeBear The images are used to make a responsive site for other devices, and make the site load more effectively. Removing won’t break the site but may make your users download a very large file when looking at a thumbnail.@sckyeYes deleting a image will also delete the thumbnails.
By the way, the WordPress core also adds thumbnails in the same way.
Best regards,
Mike -
AuthorPosts