how to add image to the section
Question
I am new to web development and i am using pre-built template and the below code is showing like the blow image and I am trying to replace it but not able to do. how to replace the background image
<section id="cta" class="section">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 align-self-center">
<h2>BLOGGER</h2>
</div>
</div>
</div>
</section>
2 answers
solution1
1 2022-06-26 17:46:49
This might help you :)
<html>
<head>
<style>
#cta{
background-image:url("Here input your image path..");
}
</style>
</head>
<body>
<section id="cta" class="section">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 align-self-center">
<h2>BLOGGER</h2> <!-- you can just remove it..Since this is not background image but a heading-->
</div>
</div>
</div>
</section>
</body>
</html>
solution2
0 2022-06-26 16:17:33
the background is set in css. need to know your css. you can try to overwrite the background .
.row {
background-image: url(image.jpg);
background-color: #c7b39b;
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to add an image in only one section?
how to add child div background image and applied to entire parent section
How to add image into the specific section of the achor tag in javascript?
How to add background image in section of html by using css?
How can I add background image to an html section?
How to add a different background color for each section with a SVG image in front of it
add image from gallery to hero section
Add image to the bottom of a adjustable height section
Add image, replace, crop, delete section
How to put an image inside a section?
Related Tags