Text on Slide
-
Good Evening. I am trying to update a site for a friend and can navigate rather well through the admin site however I need help with the slides.
Currently their are 3 and I had no problem changing the images and the timing of the change. What I need to do is move the text that drops down from the right to the left on 2 slides and top on the other and having difficulty.
Any help is greatly appreciated.
lisocceracademycamp.com
-
doesn’t look like the slides have their own unique css selectors. If you can wrap the text in divs then you could style and move them around.
ie.
<div class=”slide-1″>slide 1 text here</div>
<div class=”slide-2″>slide 1 text here</div>
<div class=”slide-3″>slide 1 text here</div>then go to your themes stylesheet and add something like:
.slide-1 {margin-left:300px}
then you can better control where it falls.
are you asking about how to work a specific slider plugin?
Thanks everyone.. Hoping you can help I found the style sheet but having a hard time finding where the slider information is to adjust the text appearing to move from right side to align it on left so that it is not blocking crucial pictures on home of lisocceracademycamp.com.
Can any of you decipher and advise.
Thanks
@import url(“../CherryFramework/style.css”);
body { padding:0 !important; }
.thumbnail a:hover, .thumbnail a:hover img { text-decoration:none; }
h1, h2, h3, h4, h5, h6 { text-transform:uppercase; }
h2 { margin:25px 0 17px 0; }
@media (max-width: 480px) {
h2 { font-size:33px !important; }
}
h3 { margin:0 0 28px 0; }
.home h3 { margin-top:31px; }
h4 { margin-bottom:6px; }
p { margin-bottom:1.9em; }
.main-holder { overflow:hidden; }
.header {
background:url(images/tail_header.jpg) 0 bottom repeat-x;
border:none;
padding:0 0 31px 0;
}
@media (max-width: 767px) {
.header {
padding-left:20px;
padding-right:20px;
}
}
.nav__primary { margin-bottom:0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
top:64px;
left:50%;
margin-left:-62px;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
margin:0;
left:146px;
}
.sf-menu { padding:71px 34px 0 0; }
@media (min-width: 768px) and (max-width: 979px) {
.sf-menu { padding-right:0; }
}
.sf-menu > li {
background:none;
margin-left:45px;
padding-bottom:27px;
}
@media (min-width: 768px) and (max-width: 979px) {
.sf-menu > li { margin-left:25px; }
}
.sf-menu > li:before {
content:”;
width:18px;
height:31px;
background-repeat:no-repeat;
background-position:0 0;
background-image:url(images/nav-divider.png);
position:absolute;
left:-32px;
top:-8px;
pointer-events:none;
}
@media (min-width: 768px) and (max-width: 979px) {
.sf-menu > li:before { left:-22px; }
}
.sf-menu > li:first-child { margin:0; }
.sf-menu > li:first-child:before { display:none; }
.sf-menu > li > a {
padding:0;
border:none;
color:#000;
text-transform:uppercase;
}
.sf-menu > li > a:before {
width:0px;
height:0px;
border-style:solid;
border-width:18px 44px 0 44px;
border-color:#0193d9 transparent transparent transparent;
position:absolute;
left:50%;
top:-89px;
margin-left:-44px;
content:”;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.sf-menu li ul {
background-color:#0193d9;
width:146px;
}
.sf-menu li ul:before {
content:”;
width:0px;
height:0px;
border-style:solid;
border-width:0 73px 19px 73px;
border-color:transparent transparent #0193d9 transparent;
position:absolute;
left:0;
top:-19px;
}
.sf-menu li li {
background:none;
text-align:left;
border-top:1px dashed #0e75a6;
}
.no-rgba .sf-menu li li { border-top:1px dashed #0e75a6; }
.sf-menu li li:first-child { border:none; }
.sf-menu li li ul { background-color:#fff; }
.sf-menu li li ul:before { display:none; }
.sf-menu li li a {
padding:7px 12px 9px 15px !important;
border:none;
color:#fff;
font-weight:bold;
line-height:1.5em;
text-transform:lowercase;
position:relative;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.sf-menu li li a:after {
content:”;
background-image:url(images/nav-arrow.gif);
width:3px;
height:5px;
display:inline-block;
vertical-align:top;
margin:10px 0 0 8px;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.ie8 .sf-menu li li a:after {
filter:none !important;
visibility:hidden;
}
.sf-menu li li li a { color:#828282; }
.sf-menu li li li a:hover { color:#000; }
.sf-menu > li > a:hover, .sf-menu > li.sfHover > a, .sf-menu > li.current-menu-item > a { background:none; }
.sf-menu > li > a:hover:before, .sf-menu > li.sfHover > a:before, .sf-menu > li.current-menu-item > a:before { top:-71px; }
.ie8 .sf-menu > li > a:hover, .ie8 .sf-menu > li.sfHover > a { color:#fff; }
.ie8 .sf-menu > li > a:hover:before, .ie8 .sf-menu > li.sfHover > a:before { top:-89px; }
.ie8 .sf-menu > li.current-menu-item > a:before { top:-71px; }
.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current-menu-item > a { background:none; }
.sf-menu li li > a:hover:after, .sf-menu li li.sfHover > a:after, .sf-menu li li.current-menu-item > a:after {
opacity:1;
filter:alpha(opacity=100);
}
.ie8 .sf-menu li li > a:hover:after, .ie8 .sf-menu li li.sfHover > a:after, .ie8 .sf-menu li li.current-menu-item > a:after {
filter:none !important;
visibility:visible;
}
.sf-menu a.sf-with-ul { padding-right:0; }
.sf-sub-indicator {
right:50%;
margin-right:-6px;
background:url(images/arrows-ffffff.png) no-repeat -10px -100px;
z-index:2;
}
a > .sf-sub-indicator { top:1.4em; }
.sf-menu ul .sf-sub-indicator { display:none; }
.search-form_it {
padding-top:7px !important;
padding-bottom:8px !important;
}
.logo { padding-top:27px; }
@media (min-width: 1200px) {
.logo .logo_h__img { margin-left:-8px; }
}
@media (min-width: 768px) and (max-width: 979px) {
.logo { width:100%; }
}
@media (max-width: 767px) {
.logo {
margin-bottom:20px;
text-align:center;
float:none;
}
}
.logo_link { text-decoration:none; }
.logo_link:hover {
text-decoration:none;
color:#fff;
}
.camera_loader {
background:url(images/camera-loader.gif) no-repeat scroll center center #0F355A;
border:1px solid #0F355A;
}
.slider {
background-repeat:repeat-x;
background-position:0 100%;
background-image:url(images/hr-slider.png);
margin-bottom:20px;
}
@media (max-width: 767px) {
.slider {
margin-left:-20px;
margin-right:-20px;
}
}
@media (max-width: 480px) {
.slider { display:none; }
}
.camera_wrap img { max-width:none !important; }
.camera_wrap .camera_pag {
width:1170px;
margin:-59px auto 0;
}
.ie8 .camera_wrap .camera_pag { width:940px; }
@media (max-width: 1200px) {
.camera_wrap .camera_pag { width:100%; }
}
@media (max-width: 767px) {
.camera_wrap .camera_pag { margin-top:-39px; }
}
.camera_wrap .camera_pag .camera_pag_ul {
text-align:right;
padding-right:112px;
}
@media (max-width: 1200px) {
.camera_wrap .camera_pag .camera_pag_ul { padding-right:20%; }
}
.camera_wrap .camera_pag .camera_pag_ul li {
margin:0 0 0 7px;
background:#020d18;
width:12px;
height:12px;
vertical-align:top;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
width:12px;
height:12px;
left:0;
top:0;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
background:#fff;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background:#fff; }
.camera_thumbs_cont {
background:none;
padding-bottom:12px;
}
@media (max-width: 767px) {
.slider { background:none; }
.camera_wrap { margin-bottom:0px !important; }
.camera_thumbs_cont ul { visibility:hidden; }
}
.camera_caption { width:auto; }
.camera_caption {
right:24%;
left:auto;
}
@media (max-width: 1200px) {
.camera_caption { right:13%; }
}
@media (max-width: 767px) {
.camera_caption { right:10%; }
}
.camera_caption > div {
padding:0 0 43.1% 0;
background:none;
text-align:left;
}
@media (max-width: 1200px) {
.camera_caption > div { padding-bottom:29%; }
}
@media (max-width: 979px) {
.camera_caption > div { padding-bottom:22%; }
}
@media (max-width: 767px) {
.camera_caption > div { padding-bottom:50px; }
}
.camera_caption > div h2 {
font-weight:bold;
font-size:1em;
display:inline-block;
vertical-align:top;
}
.camera_caption > div h2 span {
display:block;
line-height:1em;
}
@media (max-width: 767px) {
.camera_caption > div h2 span {
font-size:25px !important;
line-height:1.2em;
margin:0 !important;
}
}
.camera_caption > div h2 .row-1 {
font-size:62px;
margin-bottom:24px;
color:#686868;
}
@media (max-width: 979px) {
.camera_caption > div h2 .row-1 { font-size:42px; }
}
.camera_caption > div h2 .row-2 {
font-size:48px;
color:#020d18;
padding-left:32px;
margin-bottom:-6px;
}
@media (max-width: 979px) {
.camera_caption > div h2 .row-2 { font-size:28px; }
}
.camera_caption > div h2 .row-3 {
font-size:100px;
color:#fff;
padding-left:41px;
}
@media (max-width: 979px) {
.camera_caption > div h2 .row-3 { font-size:80px; }
}
.camera_caption > div h2 .row-4 {
font-size:36px;
text-align:right;
margin-right:-33px;
margin-top:5px;
color:#020d18;
}
@media (max-width: 979px) {
.camera_caption > div h2 .row-4 { font-size:26px; }
}
@media (max-width: 767px) {
.camera_caption > div h2 .row-4 {
text-align:left;
margin:0;
}
}
#content { padding-top:60px; }
.content-holder {
background-repeat:repeat;
background-position:50% 0;
background-image:url(images/content-pattern.gif);
padding-bottom:68px;
}
@media (max-width: 767px) {
.content-holder {
padding-left:20px;
padding-right:20px;
}
}
.error404-holder_num { color:#fff; }
.error404-holder hgroup h2 { margin-top:0; }
.title-section { padding:54px 0 0 0; }
.title-header {
margin-bottom:.6em;
font-size:30px;
}
.breadcrumb__t {
background:none;
background-image:url(images/breadcrumb_tail.png);
padding:7px 12px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.breadcrumb__t li { text-shadow:none; }
.breadcrumb__t .active { color:#ffffff; }
.breadcrumb__t .divider { margin:0 5px; }
.breadcrumb__t li a { color:#fff; }
.post-title {
font-size:30px;
line-height:1.2em;
margin-top:0;
margin-bottom:32px;
}
.post-title a {
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.post-title a:hover {
color:#0193d9;
text-decoration:none;
}
.post .featured-thumbnail img {
width:auto;
margin-left:0;
margin-right:0;
}
.post .featured-thumbnail.large a { display:inline; }
.post_meta {
margin-bottom:0;
padding:9px 0 7px !important;
border-color:#3b3a40;
font-size:1em;
}
.post_meta a:hover { color:#fff; }
.post_meta span {
display:inline-block;
line-height:20px;
padding-right:15px;
vertical-align:top;
}
@media (max-width: 767px) {
.post_meta span { display:block; }
}
.post_meta .post_permalink {
float:right;
padding-right:0;
}
@media (max-width: 1200px) {
.post_meta .post_permalink { float:none; }
}
.post_meta .post_author { text-transform:capitalize; }
.post_meta i {
font-size:14px;
margin-right:.5em;
color:#616161;
}
.post_meta .pull-right {
padding-right:0;
padding-left:15px;
}
.pagination__posts {
margin:0;
text-align:center;
}
.pagination__posts ul li a {
color:#ffffff;
background:url(images/box-tail.png);
border:none;
-webkit-border-radius:0px !important;
-moz-border-radius:0px !important;
border-radius:0px !important;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.pagination__posts ul li a:hover, .pagination__posts ul li a:focus { color:#fff; }
.pagination__posts ul .active a { color:#fff; }
.flex-control-paging li a {
width:12px;
height:12px;
background:#2e3439;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.flex-control-paging li a:hover { background:#0193d9; }
.flex-control-paging li a.flex-active {
background:#0193d9;
cursor:default;
}
.share-buttons { padding:0; }
.post-author {
margin-bottom:2.2em;
padding:22px 20px 24px 20px;
border:none;
background:url(images/box-tail1.png) repeat scroll 0 0 transparent;
}
.post-author_h {
font-size:16px;
line-height:1.2em;
color:#ffffff;
margin:0 0 14px 0;
}
.post-author_h small { font-size:1em; }
.post-author_h a:hover { color:#fff; }
.post-author_link { margin-top:1.5em; }
.post-author_link a { text-transform:capitalize; }
.post-author_link a:hover { color:#fff; }
.post-author_link p { margin-bottom:0; }
.post-author_gravatar {
float:left;
margin:6px 16px 0 0;
width:80px;
}
.post-author_gravatar img {
padding:0;
border:none;
background:none;
}
.post-author_desc { overflow:hidden; }
.post-author .post-author_h { color:#fff; }
.post-author .post-author_link a { color:#adadad; }
.post_meta .post_author a { color:#adadad; }
.post_meta a {
color:#1d93d8;
text-decoration:none;
}
.post_meta a:hover {
color:#fff;
text-decoration:none;
}
#recent-author-posts h3 { font-size:36px; }
#recent-author-comments { margin-top:31px; }
#recent-author-comments h3 { font-size:36px; }
.post-list_comment a { color:#1d93d8; }
.related-posts_h { margin-bottom:31px; }
.related-posts_list { margin:0 0 0 -4%; }
.related-posts_item {
width:21%;
margin-left:4%;
font-size:18px;
text-transform:uppercase;
font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
}
@media (max-width: 979px) {
.related-posts_item {
font-size:14px;
line-height:16px;
}
}
@media (max-width: 767px) {
.related-posts_item {
font-size:12px;
line-height:16px;
}
}
@media (max-width: 480px) {
.related-posts_item {
font-size:14px;
width:46%;
}
}
.related-posts_item a {
color:#adadad;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.related-posts_item a:hover {
color:#fff;
text-decoration:none;
}
.faq-list_h { color:#fff; }
.faq-list_body { color:#ffffff; }
.faq-list .marker { color:#0193d9; }
.testimonial {
border:none;
background-color:transparent;
background:url(images/box-tail.png);
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
@media (min-width: 768px) and (max-width: 979px) {
.testimonial .featured-thumbnail {
width:80px;
height:80px;
}
}
.testimonial_content {
overflow:hidden;
background:url(images/quotes.png) no-repeat 0 0;
}
.testimonial small {
font-family:Tahoma, Geneva, sans-serif;
font-style:normal;
padding:12px 0 0;
font-size:11.9px;
color:#ffffff;
}
.page-header {
border:none;
padding:0;
margin-top:0;
}
.page-header h1 {
font-size:30px;
line-height:1.2em;
margin:0;
}
@media (max-width: 767px) {
.filter-wrapper .pull-right { float:none; }
}
.filter-wrapper strong {
padding:0;
margin-right:29px;
font-weight:normal;
color:#fff;
}
.filter-wrapper .nav { overflow:hidden; }
.nav-pills { margin-bottom:47px; }
.nav-pills li { margin-left:36px; }
.nav-pills li:first-child { margin-left:0; }
.nav-pills li.active a, .nav-pills li a:focus {
color:#1d93d8 !important;
text-decoration:none !important;
}
.nav-pills li.active a:hover, .nav-pills li a:focus:hover { color:#1d93d8; }
.nav-pills li a {
padding:0;
margin:0;
background:none !important;
line-height:23px;
color:#ffffff;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.nav-pills li a:hover {
text-decoration:none;
color:#1d93d8;
}
@media (max-width: 480px) {
.nav-pills li a { padding:0; }
}
.filterable-portfolio .thumbnail { margin-bottom:31px; }
.filterable-portfolio h3 {
font-size:18px;
line-height:1.2em;
margin:0 0 17px 0;
}
.filterable-portfolio h3 a {
color:#adadad;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.filterable-portfolio h3 a:hover {
color:#fff;
text-decoration:none;
}
.filterable-portfolio .image-wrap { background:transparent url(images/loading-folio.gif) 50% 50% no-repeat; }
.portfolio-meta-list { border-color:#37363d; }
.single-pager {
border-color:#37363d;
margin-top:0;
}
.single-pager li a {
color:#dadada;
font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
font-size:11px;
padding:7px 10px;
text-transform:uppercase;
text-shadow:none;
border:1px solid #1f394e;
background:none;
background:url(images/btn-tail.gif) repeat-x 0 0 #132e45 !important;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.single-pager li a:hover {
color:#0193d9;
text-decoration:none !important;
}
.single-portfolio .jp-audio, .single-portfolio .jp-video, .single-portfolio .grid_gallery { margin-bottom:20px; }
.format-quote blockquote {
color:#ffffff;
border-color:#ffffff;
}
.zoom-icon {
border-width:0px;
border-style:solid;
border-color:#303438;
background:rgba(0,0,0,0.1);
}
.blog .zoom-icon {
border:none;
background:none;
}
.no-rgba .zoom-icon { background:url(images/gray-opacity-20.png); }
.zoom-icon:before {
margin:-28px 0 0 -28px;
width:57px;
height:57px;
content:’\f002′;
font-family:FontAwesome;
font-size:48px;
line-height:1.2em;
color:#fff;
background:none;
text-align:center;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.image-wrap:hover .zoom-icon, .featured-thumbnail a:hover .zoom-icon { border-width:10px; }
.image-wrap:hover .zoom-icon:before, .featured-thumbnail a:hover .zoom-icon:before {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
.no-rgba .image-wrap:hover .zoom-icon, .featured-thumbnail a:hover .zoom-icon { border-width:10px; }
.team-holder .featured-thumbnail { height:auto; }
.comment .comment-body {
margin-top:14px;
border:none;
background:none;
background-image:url(images/box-tail.png);
padding:24px 21px 20px 21px;
}
.comment.bypostauthor .comment-body {
background:none;
background-image:url(images/box-tail1.png);
}
.comment-author {
float:left;
margin:5px 16px 0 0;
}
.comment-author .author {
display:block;
padding-top:15px;
width:80px;
text-align:left;
font-weight:normal;
font-size:14px;
color:#adadad;
}
.comment-meta { padding-top:9px; }
.reply { margin-left:15px; }
.reply a {
color:#dadada;
font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
font-size:14px;
padding:8px 22px 9px;
text-transform:uppercase;
text-shadow:none;
border:1px solid #1F394E;
background:none;
background:url(images/btn-tail.gif) repeat-x 0 0 #132e45 !important;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.reply a:hover {
color:#0193d9;
text-decoration:none !important;
}
#commentform input[type=”text”] {
padding:12px 15px;
height:50px;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#commentform textarea {
width:100%;
max-width:100%;
min-width:100%;
min-height:271px;
height:271px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.ie8 #commentform textarea {
width:588px;
max-width:588px;
min-width:588px;
}
.ie8 .single-portfolio #commentform textarea {
width:508px;
max-width:508px;
min-width:508px;
}
#sidebar { padding-top:60px; }
#sidebar .widget { margin-bottom:65px; }
#sidebar .widget h3 { margin-top:0; }
#sidebar .widget ul {
padding-left:0;
margin-left:0;
}
#sidebar .widget ul li {
margin:0 0 3px 0;
padding:0;
list-style-type:none;
text-transform:uppercase;
font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
}
#sidebar .widget ul li:before {
content:”;
display:inline-block;
vertical-align:top;
background-repeat:no-repeat;
background-position:0 0;
background-image:url(images/arrow.gif);
width:11px;
height:11px;
margin:6px 12px 0 0;
}
#sidebar .widget ul ul { margin:3px 0 0 23px; }
#wp-calendar #today { color:#fff; }
#wp-calendar caption { color:#fff; }
.comments-custom li {
font-family:Tahoma, Geneva, sans-serif !important;
text-transform:none !important;
}
.comments-custom li:before { display:none !important; }
.comments-custom_txt { padding:0 0 10px 0; }
.comments-custom_txt a { text-decoration:none; }
.comments-custom_txt a:hover {
color:#fff;
text-decoration:underline !important;
}
.comments-custom_h { margin-bottom:.1em; }
.comments-custom time { font-size:11px; }
.banners { margin-bottom:60px; }
.flickr_li {
font-family:Tahoma, Geneva, sans-serif !important;
text-transform:none !important;
}
.flickr_li:before { display:none !important; }
.flickr_list .thumbnail { margin-bottom:0; }
.flickr_list .thumbnail:hover {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.archive_lists .list.check-list > ul li:before { color:#0193d9; }
.post-list li {
margin-bottom:37px !important;
font-family:Tahoma, Geneva, sans-serif !important;
text-transform:none !important;
}
.post-list li:before { display:none !important; }
.post-list .featured-thumbnail {
float:none;
margin-right:0;
margin-bottom:25px;
}
.post-list_h { margin:5px 0 17px 0; }
.post-list_h a {
font-size:18px;
line-height:1.2em;
color:#adadad;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.post-list_h a:hover {
color:#fff;
text-decoration:none;
}
.post-list .excerpt { margin-bottom:2em; }
.post-list_comment { text-transform:capitalize; }
.post-list_comment a:hover {
color:#fff;
text-decoration:underline !important;
}
.recent-posts.latest_works { padding-top:11px; }
@media (max-width: 767px) {
.recent-posts.latest_works {
display:inline-block;
vertical-align:top;
margin-right:20px !important;
}
}
.recent-posts.latest_works h5 { display:none; }
.recent-posts.latest_works li { margin-bottom:4px; }
.recent-posts.latest_works li:hover a:before { background-color:rgba(0,0,0,0); }
.no-rgba .recent-posts.latest_works li:hover a:before { visibility:hidden; }
.recent-posts.latest_works .featured-thumbnail {
float:none;
margin:0 0 8px 0;
padding:0;
}
.recent-posts.latest_works .featured-thumbnail img { position:relative; }
.ie8 .recent-posts.latest_works .featured-thumbnail img { z-index:-1; }
.recent-posts.latest_works .featured-thumbnail a:before {
content:”;
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
z-index:999;
background-color:rgba(0,0,0,0.4);
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.no-rgba .recent-posts.latest_works .featured-thumbnail a:before { background-image:url(images/black-opacity-40.png); }
.recent-posts.latest_works h4 {
font-size:18px;
line-height:1.2em;
padding:0 18px 0 0;
text-transform:uppercase;
text-decoration:none;
background-repeat:no-repeat;
background-position:right 4px;
background-image:url(images/arrow1.png);
margin:0;
}
@media (min-width: 768px) and (max-width: 979px) {
.recent-posts.latest_works h4 {
font-size:12px;
padding:4px 18px 2px 0;
}
}
.posts-grid.artists .featured-thumbnail {
padding:6px;
background-repeat:repeat;
background-position:0 0;
background-image:url(images/thumbnail-tail.png);
margin:0 0 15px 0;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
@media (max-width: 767px) {
.posts-grid.artists .featured-thumbnail {
float:none;
overflow:hidden;
display:inline-block;
vertical-align:top;
}
}
.posts-grid.artists .featured-thumbnail .zoom-icon { border-width:0px !important; }
.ie8 .posts-grid.artists .featured-thumbnail { width:132px; }
.posts-grid.artists .featured-thumbnail img {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.ie8 .posts-grid.artists .featured-thumbnail img { width:auto; }
.posts-grid.artists h5 {
font-size:16px;
font-weight:bold;
line-height:1.2em;
margin:0 0 4px 0;
padding-right:15px;
}
.ie8 .posts-grid.artists h5 { padding-right:0; }
@media (max-width: 1200px) {
.posts-grid.artists h5 { padding-right:0; }
}
.posts-grid.artists .btn {
color:#0193d9;
border:none;
padding:0 21px 0 0;
background:url(images/btn-bull.png) no-repeat right 5px !important;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
transition:none;
}
.posts-grid.artists .btn:hover {
color:#fff;
background-position:right -95px !important;
}
.posts-grid.team li { margin-bottom:29px; }
@media (max-width: 767px) {
.posts-grid.team li { overflow:hidden; }
}
@media (max-width: 480px) {
.posts-grid.team li { margin-bottom:10px; }
}
.posts-grid.team .featured-thumbnail {
float:left;
margin-right:26px;
}
@media (max-width: 480px) {
.posts-grid.team .featured-thumbnail {
float:none;
display:inline-block;
overflow:hidden;
margin-right:0;
margin-bottom:15px;
}
}
.posts-grid.team .featured-thumbnail img { width:auto; }
.posts-grid.team h5 {
font-size:18px;
line-height:26px;
margin:0 0 15px 0;
}
.posts-grid.team h5 a {
color:#adadad;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.posts-grid.team h5 a:hover {
text-decoration:none;
color:#fff;
}
.posts-grid.team .clear { clear:none; }
.posts-grid.news h5 {
font-size:18px;
line-height:26px;
margin-top:0;
}
.posts-grid.news h5 a {
color:#adadad;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.posts-grid.news h5 a:hover {
text-decoration:none;
color:#fff;
}
.testimonials .testi-item {
margin-bottom:34px;
padding-bottom:0;
}
.testimonials .testi-item blockquote {
padding:38px 27px 30px 31px;
border:none;
background:url(images/box-tail1.png) 0 0 repeat transparent;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.testimonials .testi-item blockquote:before {
bottom:-21px;
left:38px;
width:24px;
height:21px;
border:none;
background:url(images/corner.png);
}
.testimonials .testi-item blockquote:after {
top:25px;
left:20px;
width:53px;
height:37px;
background:url(images/quotes.png) 0 0 no-repeat;
}
.testimonials .testi-item blockquote > a {
color:#ffffff;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.testimonials .testi-item blockquote > a:hover { color:#fff; }
.testimonials .testi-item .testi-meta {
font-size:18px;
font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
color:#adadad;
text-transform:uppercase;
padding-top:32px;
padding-left:40px;
}
.testimonials .testi-item .testi-meta a {
color:#1d93d8;
font-size:14px;
}
.testimonials .testi-item .testi-meta a:hover {
color:#fff;
text-decoration:none;
}
.posts-grid.no-thumbnail .featured-thumbnail { display:none; }
.footer {
background:url(images/tail_footer.jpg) 0 top repeat-x;
border:none;
font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding:30px 0;
}
@media (max-width: 767px) {
.footer {
padding-left:20px;
padding-right:20px;
}
}
nav.footer-nav { margin-bottom:0; }
nav.footer-nav ul li a {
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
nav.footer-nav ul li a:hover {
color:#fff;
text-decoration:underline;
}
nav.footer-nav ul li.current-menu-item a {
color:#fff;
text-decoration:none !important;
}
.copyright { padding:0; }
.footer-text {
float:left;
color:#557090;
font-weight:bold;
}
.footer-text >span { display:inline-block; }
@media (max-width: 767px) {
.footer-text { float:none; }
}
.footer-text a { color:#557090; }
.footer-text a.site-name { color:#fff; }
@media (max-width: 767px) {
.footer-text { margin-bottom:0; }
}
.wpcf7-form p.field input { height:50px; }
.wpcf7-not-valid-tip { padding:12px 15px !important; }
@media (min-width: 768px) and (max-width: 979px) {
.wpcf7-not-valid-tip {
padding:8px 15px !important;
line-height:1.5em !important;
}
}
.google-map { background-image:url(images/loading-map.gif); }
.thumbnail { padding:0; }
@media (max-width: 979px) {
.extra-wrap { overflow:visible; }
}
@media (max-width: 767px) {
.extra-wrap { clear:both; }
}
.extra-wrap h4 { margin-top:0; }
.spacer { height:50px; }
select, textarea, input[type=”text”], input[type=”password”], input[type=”datetime”], input[type=”datetime-local”], input[type=”date”], input[type=”month”], input[type=”time”], input[type=”week”], input[type=”number”], input[type=”email”], input[type=”url”], input[type=”search”], input[type=”tel”], input[type=”color”], .uneditable-input {
border:1px solid #2c2b31;
background:#20262b;
color:#ffffff;
padding:12px 15px;
font-family:Tahoma, Geneva, sans-serif;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
select:focus, textarea:focus, input[type=”text”]:focus, input[type=”password”]:focus, input[type=”datetime”]:focus, input[type=”datetime-local”]:focus, input[type=”date”]:focus, input[type=”month”]:focus, input[type=”time”]:focus, input[type=”week”]:focus, input[type=”number”]:focus, input[type=”email”]:focus, input[type=”url”]:focus, input[type=”search”]:focus, input[type=”tel”]:focus, input[type=”color”]:focus, .uneditable-input:focus {
border-color:#ffffff;
outline:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
input[type=”submit”], input[type=”reset”] {
height:40px;
padding:0 22px;
}
.list.styled.custom-list { margin-bottom:29px; }
.list.styled.custom-list > ul {
margin:0;
padding:0;
}
.list.styled.custom-list > ul li {
margin:0 0 3px 0;
padding:0;
list-style-type:none;
text-transform:uppercase;
font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
}
.list.styled.custom-list > ul li:before {
content:”;
display:inline-block;
vertical-align:top;
background-repeat:no-repeat;
background-position:0 0;
background-image:url(images/arrow.gif);
width:11px;
height:11px;
margin:6px 12px 0 0;
}
address {
text-transform:uppercase;
line-height:20px;
margin-top:-9px;
font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
}
address strong {
color:#adadad;
font-weight:normal;
}
address p { margin-bottom:11px; }
address a { color:#fff; }
address a em { color:#0193d9; }
address a:hover em {
text-decoration:none;
color:#fff;
}
address a em {
font-style:normal;
padding-left:34px;
background-repeat:no-repeat;
background-position:0 50%;
background-image:url(images/icon-email.png);
display:inline-block;
vertical-align:top;
line-height:21px;
}
.thumbnail {
border:none;
background:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.extra_box {
text-align:center;
background-repeat:repeat;
background-position:0 0;
background-image:url(images/box-tail.png);
padding:29px 40px 11px 46px;
}
@media (max-width: 767px) {
.extra_box {
margin-left:-20px;
margin-right:-20px;
padding-left:30px;
padding-right:30px;
}
}
.extra_box h2 {
background-repeat:repeat-x;
background-position:0 100%;
background-image:url(images/hr.png);
margin:0 -46px 37px;
padding-bottom:24px;
}
.social_networks h4 {
color:#e7e7e7;
margin-bottom:20px;
}
.social_networks ul {
margin:0;
padding:0;
overflow:hidden;
}
.social_networks ul li {
list-style-type:none;
float:left;
margin:0 6px 0 0;
padding:0;
}
@media (max-width: 979px) {
.social_networks ul li { margin-bottom:6px; }
}
.social_networks ul li a:hover img {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
.social_networks ul li img {
margin:0;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}
.social.both, .social.icons { text-indent:0; }
.social.both li:before, .social.icons li:before { display:none !important; }
.social__row li { margin-right:5px !important; }
.btn-primary {
color:#dadada;
font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-shadow:none;
border:1px solid #1f394e;
background:none;
background:url(images/btn-tail.gif) repeat-x 0 0 #132e45 !important;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.btn-primary:hover {
color:#0193d9;
text-decoration:none !important;
}
.btn-large {
font-size:14px;
padding:8px 22px 9px;
}
#back-top { display:none !important; }
.hr {
background:url(images/hr.png);
margin:32px -100%;
}
.sm_hr {
background:url(images/hr.png);
margin:40px 0;
}
.clearfix { *zoom:1; }
.clearfix:before, .clearfix:after {
display:table;
content:””;
line-height:0;
}
.clearfix:after { clear:both; }
.hide-text {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0;
}
.input-block-level {
display:block;
width:100%;
min-height:33px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}It really sounds like you need to just hire a developer for tweaks. It shouldn’t cost more than $50 to have someone make some css changes for you.
- The topic ‘Text on Slide’ is closed to new replies.