Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #3667122
Single Image Style
Closed

Comments

  • cvcocuzza started the conversation

    Hi,

    I am trying to outline a single image in a 1 pixel black outline.  When choosing the single image in WP Bakery, the Single Image options include "circle outline" and "circle border".  The circle outline puts a white border between the image and the outline, and the circle border looks like it's about 5 px thick.  Is there anyway to reduce the circle border to 1px?  Note examples below:  

    Thanks,

    Charlie

    7455898170.png


  •  7,120
    Oliver replied

    Hi Charlie, 

    Do you mean you wish to reduce this border to 1 px? 

    4628110488.png


    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  7,120
    Oliver replied

    You can use the following style: 

    1850747460.png

    And add the following Custom CSS to your Theme Options - Custom CSS: 

    .wpb_single_image .vc_single_image-wrapper.vc_box_outline, 
    .wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle {
        padding: 0px !important;
    }


    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • cvcocuzza replied

    Hi Oliver,

    Thanks for the reply, I didn't see it until now. Your first question is correct.  I want to reduce the border of the "Circle Border" option to 1px.

    Thank you,
    Charlie

  •  7,120
    Oliver replied

    Hi Charlie, 

    did you check my latest reply? You can achieve this using this style and custom css.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • cvcocuzza replied

    Yes, I did see it.  I applied the CSS and it appears to work with the "Circle Outline" option, doesn't seem to work with the "Circle Border" Option.  I still have about a 5px outline around the image.

    Thanks!
    Charlie

  • cvcocuzza replied

    Hi Oliver,

    I figured it out.  I changed the 

    .wpb_single_image .vc_single_image-wrapper.vc_box_outline, 
    .wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle {
        padding: 0px !important;
    }

    to

    .wpb_single_image .vc_single_image-wrapper.vc_box_border
    .wpb_single_image .vc_single_image-wrapper.vc_box_border_circle {
        padding: 1px !important;
    }

    and got the desired results.

    Thanks for your help!
    Charlie

  •  7,120
    Oliver replied

    Hi Charlie, 

    Thank you for letting us know!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver