Insert image as border in the block.

samanthagurung
2 Posts
samanthagurung posted this 23 January 2020
Ask a Question

Hi there,
I want to add image as border in the block. I go to edit css and insert the following code in header html. I want to add paragraph tag and implement the following style. How do I do that.? I have uploaded image border as border.png. So is url alright? Please advise on this issue. I want to have image border around the block
<style>

borderimg1 {

border: 10px solid transparent;
padding: 15px;
border-image: url(border.png) 30 round;
}
</style>
thank you

Hi there, I want to add image as border in the block. I go to edit css and insert the following code in header html. I want to add paragraph tag and implement the following style. How do I do that.? I have uploaded image border as border.png. So is url alright? Please advise on this issue. I want to have image border around the block &lt;style&gt; #borderimg1 { border: 10px solid transparent; padding: 15px; border-image: url(border.png) 30 round; } &lt;/style&gt; thank you
support-team
Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 23 January 2020

Hi,

Is this example from the w3schools?
If so please add a class to the Block (text) and insert the following CSS using the "Edit CSS" option:

.test {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(https://www.w3schools.com/cssref/border.png) 30 round;
}

Then preview the page in a browser.
Please note that I'm using a link to the border image from the w3shools. You need to upload somewhere own border image and use the link to this file.

Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Is this example from the w3schools? If so please add a class to the Block (text) and insert the following CSS using the "Edit CSS" option: .test { border: 10px solid transparent; padding: 15px; border-image: url(https://www.w3schools.com/cssref/border.png) 30 round; } Then preview the page in a browser. Please note that I'm using a link to the border image from the w3shools. You need to upload somewhere own border image and use the link to this file. Please let us know if you have any further questions. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
samanthagurung
2 Posts
samanthagurung posted this 28 January 2020

Hi,

Is this example from the w3schools?
If so please add a class to the Block (text) and insert the following CSS using the "Edit CSS" option:

.test {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(https://www.w3schools.com/cssref/border.png) 30 round;
}

Then preview the page in a browser.
Please note that I'm using a link to the border image from the w3shools. You need to upload somewhere own border image and use the link to this file.

Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Thank you.

> Hi, > > Is this example from the w3schools? > If so please add a class to the Block (text) and insert the following CSS using the "Edit CSS" option: > > .test { > border: 10px solid transparent; > padding: 15px; > border-image: url(https://www.w3schools.com/cssref/border.png) 30 round; > } > > Then preview the page in a browser. > Please note that I'm using a link to the border image from the w3shools. You need to upload somewhere own border image and use the link to this file. > > Please let us know if you have any further questions. > > ................................................... > Sincerely, > Olivia > Nicepage Support Team > > Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 > Follow us on Facebook: http://facebook.com/nicepageapp Thank you.
Support Team
Support Team posted this 28 January 2020

Hi Samantha,

You are welcome. Feel free to contact us on any other occasion.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Samantha, You are welcome. Feel free to contact us on any other occasion. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments

Company
Product
Themes & Templates
Nicepage
Web Design