Hope you can help with this as it’s beginning to do my head in!
When I change certain things in the css sheet, such as background color, it changes while I am doing it but as soon as I click out of the area it reverts back to what it was originally, even if I then use the !important hack.
Here’s a couple of examples:
#optin {
background: #4C9ED9;
padding: 10px 0;
color: white;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-size: 1.2em;
}
.hero-text {
background:rgba(62,66,73,0.5);
}
The background changes in the editing screen as I type it but then goes away.
Also, when I add a new section it wont let me add the things I want in the order I want them.
For example, here’s the optin section of the site I building and how it should be laid out:
<section>
<div class="container">
<div class="row">
<div class="col-sm-8
</div><!--- col-sm-8 --->
<div class="col-sm-4
</div><!--- col-sm-4 --->
</div><!---row --->
</div><!--- container --->
</section>
With Bootstrap Studio it wont allow me to add a div with the class of col-sm-8 to the row, I am forced to use column and that gives me a locked class of col-md-12.
Any idea how I can overcome this?
Cheers
Alan