I have slides in Revolution Slider that I input html and css. It seems to me the css isn’t working as I intend it to with my css code. For example, I’ve added a div for the title and div below that for content which has columns. The title (Team) keeps being centered based on the width of the column below, and not centering based on its own div which is supposed to be 100%
Here is the html:
<div class="title">
<h1>Team</h1>
</div>
<p style="height: 24px;">
<div class="row">
<div class="1img"><center><img src="http://www.hillcapital.co/wp-content/uploads/2014/12/Spreng_Kevin_Website-150x150.jpg" class=" vc_box_border_grey attachment-thumbnail" alt="Kevin Spreng" height="150" width="150"><center></div>
<div class="1name">
<h2 style="text-align: center;"><span style="color: #ffffff;"><a style="color: #ffffff;" href="http://www.linkedin.com/pub/kevin-spreng/0/116/363">Kevin Spreng</a></span></h2>
<div class="1des"><span style="color: #ffffff;">Attorney & Director James J Hill Reference Library</span></div>
</div>
My css for that:
.title {
width: 100%;
text-align: center;
color: #FFFFFF;
}
.row {
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
.1img {
width: 23%;
}
I’ve also changed the font color to white in .title and even tried changing it to h2 to see if the font would change color but it doesn’t.
Attachments:
You must be
logged in to view attached files.