Tagged: enfold
-
AuthorPosts
-
October 5, 2022 at 4:19 pm #1367691
Hello,
sorry to bother you again but I need to solve the last couple of problems.
- First in the posts of type “Print” in page https://www.fishesinvasion.com/test/prints/ as for example https://www.fishesinvasion.com/test/2022/07/28/stickerator/ the image in detail is too big, so I need to reduce this to a reasonable level.
- In this page https://www.fishesinvasion.com/test/prints/ I would like to remove the dark gray border on the side of the search button. No other buttons have this strange border, really I do not understand why it happens.
Thanks in advance as usual
AndreaOctober 5, 2022 at 8:08 pm #1367708Hi Andrea,
Please try this in Quick CSS for the image:
.single-post .big-preview { max-width: 50%; margin: 0 auto; }
I’m not sure I understand your intentions with the search though. Do you want to remove the border around the search field, or the background colour of the actual search button?
Best regards,
RikardOctober 5, 2022 at 11:42 pm #1367719Hello,
the code was perfect.
Yes I want to remove the border around the search field. If you notice it is only down and not up … I do not understand why!Thanks
AndreaOctober 6, 2022 at 7:06 pm #1367859Hi,
Thanks for the clarification. Please try this CSS as well:
#searchform input[type="text"] { border: none; }
Best regards,
RikardOctober 6, 2022 at 7:48 pm #1367863Hi Rikard,
unfortunately it did not work, probably because it is not a problem related to the border of the search button, previously I cancelled this border in the quick CSS without complete result, only the top part of the border was cancelled but not the botton part.
Maybe this is some sort of shadow or there is another button in the background that show this border or something like this. I do not believe it is strictly related to the search button border.Thanks
October 7, 2022 at 7:38 am #1367904Hi,
Thank you for the update.
You can use this css code to adjust the width of the featured image.
.single .fullsize .template-blog .big-preview img { width: 50%; margin: 0 auto; }
To remove the border of the search tooltip or field, try this css.
.avia-search-tooltip { box-shadow: none; border: 0; }
Would you mind providing a screenshot of the border so just we can confirm that we are inspecting the correct element? You can use imgur, savvyify or dropbox for the screenshot. Thanks.
Best regards,
IsmaelOctober 7, 2022 at 2:22 pm #1367967HI,
well Ismael unfortunately the previous css code to adjust the width of the featured image was OK, your not. .-D So do not worry.
Regarding the border you can see the following photo, I think is easy now to decide what to do. Also if I do not understand the reason for this strange behavior. https://drive.google.com/file/d/1AnMYeDXlt2gPd0gwAEiY-36rYgLcAxkk/view?usp=sharing
Thanks in advance for your help
Andrea- This reply was modified 2 years, 1 month ago by cuccarini.
October 7, 2022 at 6:38 pm #1368007Hi,
Thanks for the screenshot, to remove the black bottom & right border from the search button in your sidebar, add this css to your Quick CSS:#woocommerce_product_search-2 button { border-width: 0; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeOctober 7, 2022 at 7:02 pm #1368010Hi Mike,
very well, it worked perfectly!
By the way, in your opinion is it possible to add an header to the shop page similar to other pages using layer slider?
Thanks so much
AndreaOctober 9, 2022 at 3:54 pm #1368120October 10, 2022 at 1:02 am #1368181Thanks Mike,
I will use this solution. You can close the ticket please.
Best regards
- This reply was modified 2 years, 1 month ago by cuccarini.
October 10, 2022 at 6:11 am #1368197Hi cuccarini,
I’m glad that Mike could help you :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Last easy problems’ is closed to new replies.