Encountering a peculiar dilemma here. Attempted to apply a background image to a custom style in order to override/extend a bootstrap column style. Additionally, tried embedding a style directly in the div attribute. Strangely, neither method seems to be effective.
<div class="col-lg-4 col-md-6 col-sm-12 text-center" style="background:image
url('images/test_back.jpg')">
<img class="rounded-circle" alt="140x140" style="width: 140px; height: 140px;"
src="images/140X140.gif" data-holder-rendered="true">
<h3>Lorem ipsum dolor</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</div>
Next, trying the following:
In the HTML file:
<div class="columns divboxshadow_rt">
<p class="thumbnail_align"> <img src="images/bkg_06.jpg" alt="" class="thumbnail"/> </p>
<h4>Bargains ()</h4>
<div id="mycarousel" class="carousel slide" data-interval="3000" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/deals-steals1.png" class="d-block w-80" alt="Steals and Deals 10">
</div>
</div>
</div>
Unfortunately, the above code does not produce the desired result. However, the following HTML that contains a style reference within the div tag does work:
<div class="columns" style="background-image:
url('images/test_back.jpg')">
In the CSS file:
.divboxshadow_rt {
width: 22%;
background-image: url('images/test_back.jpg');
/* border-left: none; thin #BFB9B9;*/
border: 2px solid #968E8E;
border-top: none;
border-left: hidden;
padding-left: 10px;
padding: 2px ;
padding-left: 8px;
margin: 5px auto;
box-shadow:0 4px 5px #888888;
border-bottom-right-radius: 11px ;
border-bottom-left-radius: 4px ;
align-content: center;
align-items: center;
text-align:center;
}
Struggling to understand why the background image referenced in the divboxshadow_rt class, enclosed in either single or double quotes, fails to render. Any insights on what might be causing this issue? Seeking clarity on why a border on the left side persists despite attempts to hide it. Grateful for any assistance! Thanks!