How to add border to visual editor

sidanla · May 2018

hi, i'm currently using visual editor for text, may I know how to add a border to it?

it is my first time posting discussion here. may i know how to insert image into the discussion? when i click insert image, it is a link. my website is not open to public yet. hence i would like to attached picture here for you to understand clearly.

Bryan · May 2018

Hi,
please use sng.gy or pasteboard.co to paste screenshots.
thanks

sidanla · May 2018

hi, thanks. please see this link, https://pasteboard.co/Hk5o2RQ.png

i point the border with two green arrows, how to add this border?

Bryan · May 2018

Sorry but without seeing the website and code we do not know.
This could be anything. A screenshot is always additional to the page link.
Wihout the link we cannot tell.
thanks

sidanla · May 2018

http://sunztrading.com/

This is the website, at home.

sidanla · May 2018

And the background image for this same section, may I know how to adjust it exactly like the pre-built website? Thanks.

sidanla · May 2018

btw, how can I send you private message of my website username and password? for you to check on the codes? thanks.

Bryan · May 2018

So you need to edit the column item inside the Muffin builder and add some custom css, like this one:
border:2px solid red;
This will look like this: http://prntscr.com/jf9c2k

The custom css field is there when you edit the column.
thanks

sidanla · May 2018

hi, i got the border effect when i follow your css, thanks.

but actually i want the line to be inside the box.

please see this screenshot https://pasteboard.co/Hk5o2RQ.png

thanks.

Bryan · May 2018

Sorry but this will be not possible to do.
thanks

sidanla · May 2018

if visual editor unable to do it, any other item i add to do it? thanks

Bryan · May 2018

What you would have to do to achieve this border inset is this:
1. Make a wrap, edit it and give it padding, something like 20px on each side and a white background.
2. Insert a column inside and give it a border, edit the column to remove the bottom margin.
thanks

How to add border to visual editor

Comments