Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1367691

    Hello,

    sorry to bother you again but I need to solve the last couple of problems.

      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
      Andrea

    #1367708

    Hi 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,
    Rikard

    #1367719

    Hello,

    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
    Andrea

    #1367859

    Hi,

    Thanks for the clarification. Please try this CSS as well:

    #searchform input[type="text"] {
      border: none; 
    }

    Best regards,
    Rikard

    #1367863

    Hi 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

    #1367904

    Hi,

    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,
    Ismael

    #1367967

    HI,

    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.
    #1368007

    Hi,
    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,
    Mike

    #1368010

    Hi 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
    Andrea

    #1368120

    Hi,
    Glad to hear this worked, as for adding the layerslider to the shop page I tried many ways but didn’t find a solution.
    To add a image and text to your shop page go to Enfold Theme Options ▸ Shop Options ▸ Shop Banner Image and add your image and banner text:
    2022-10-09_003.png

    Best regards,
    Mike

    #1368181

    Thanks 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.
    #1368197

    Hi cuccarini,

    I’m glad that Mike could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Last easy problems’ is closed to new replies.