Okay
  Public Ticket #2349166
Remove image border
Closed

Comments

  • john started the conversation

    Hi, 

    How can I remove the border of an image with CSS?

    Thanks for your help.

    John

  •  1,798
    Support Agent replied

    Hi,

    Please send us screenshot with marked image as well as url of the page with it, so we can help you.

    Thanks in advance.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  •  1,798
    Support Agent replied

    Hi John,

    Please add the following css code:

    .btLightSkin.woocommerce-page .product img {
    border:none;
    }

    Let us know if that helped.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • john replied

    Hi,

    The code works but it applies to every images on the page. Is it possible for it to apply to specific sections? Also, what if it is a regular page and not a woocommerce page?

    Thanks for your help.

  •  1,798
    Support Agent replied

    Hi John,

    In order to apply css to the certain section, you would need to add Extra class name to the section e.g. mysection: 

    6101758508.png

    and  add that class to css code like this:

    .mysection .xxxxxxxx{
    border: none;
    }

    .xxxxxx should be replaced with appropriate classes.

    Also it is not possible to remove border from particular images on Shop page if you referring to that.

    Let us know if you need additional assistance.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • john replied

    No I am referring on my homepage for example, since the code contains "woocommerce-page".

  •  1,798
    Support Agent replied

    Hi John,

    Please note, that explanation was for each page. If you want to apply css code to the Home page it will be for certain section on that page. You should add Extra class name to the section and appropriate classes related with desired image to the css code.

    Let us know if you need additional assistance.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • john replied

    Thanks for your help.

  •  1,798
    Support Agent replied

    Hi John,

    You are welcome!

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!