Image slider back arrow leaves out slider text

CX6998
(@cx6998)

8 years, 6 months ago

This is the link: http://unsignedtalentagency.co.uk/

When you click the back arrow (left arrow) no text appears but it works normally when you click the right arrow.

Viewing 7 replies - 1 through 7 (of 7 total)

(@drewwestcott)

CX6998,

Where did you get the slider from. Looking at what is happening the animation appears to be playing in reverse so when you click the back button, the text does appear briefly, but then fades down.

It should of course, fade in nicely and then stay on the slide. This could be a bug in the animation code, and it might be worth contacting the author of the slider?

Kind regards,
Drew

Theme Author

pacethemes

(@pacethemes)

8 years, 6 months ago

Can you update to the latest theme version and see if it fixes the issue, i am unable to reproduce the issue, so please update and we can continue investigating further

Thread Starter

CX6998

(@cx6998)

8 years, 6 months ago

I have updated the theme now.

@drew

This slider is from the Page builder from the Quest theme

Theme Author

pacethemes

(@pacethemes)

8 years, 6 months ago

Sorry for the delay

Looks like some CSS/Js is conflicting with the slider, can you provide any custom CSS you have added ? Also list all the plugins you installed on your site

Thread Starter

CX6998

(@cx6998)

8 years, 6 months ago

CSS:

$accent1: #ff4337;
$accent2: #19b295;

@import url(https://fonts.googleapis.com/css?family=Amatic+SC);
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);
@import url(https://fonts.googleapis.com/css?family=Gochi+Hand);

/* Error page */
#content input[type="text"]:focus {
	background: transparent;
	border-color: none;
}

#content h1 a, #content h1 a:hover, #content h1 a:focus {
	cursor: default;
	color:#ddd;
}

#content h2 {
	font-size:24px;
}

#content h3 {
	font-size:20px;
}

/* Text-transform Buttons */
#buddypress a.button, #whats-new-submit #aw-whats-new-submit {
	text-transform: none;
}

/* Slider */
div.sl-slide-text ul li a {
	color: #000;
	text-align: left;
	font-family: 'Gochi Hand', cursive;
	font-size: 26px;
}

div.sl-slide-text ul li a.bbp-forum-title:hover {
	color: #ff4337;
}

.entry-content ul {
	text-align: left;
	margin-bottom: 29px;
}

.entry-content ul li {
	text-align: left;
	margin-bottom: 0px;
}

.sl-slide-text p {
	font-size: 20px;
	font-family: 'Shadows Into Light', cursive;
	letter-spacing: 1px;
	font-weight: bold;
}

.sl-slider .sl-slide-text span {
	background-color: rgba(0,0,0,0.6);
}

/* Home page */
  /* Line between slider and Legal terms */
article#main.page-builder.entry-content.post-12.page.type-page.status-publish.hentry {
	border-bottom: 1px solid #19b295;
}

footer.quest-row.main-footer {
	padding-top: 0;
}

  /* Legal stuff margin */
.main-footer h1 {
	margin-top: 40px;
}

/* Page setup */
body {
	background-color:#000;
}

div#page {
	max-width:1768px;
	margin:0 auto;
}

/* Logo and header */
h1.logo {
	margin: 10px 0;
}

header#masthead > .container > .row {
	position: relative;
}

header#masthead {
	border-bottom:3px solid #ff4337;
}

/* Primary nav */
.main-navigation {
	position: absolute;
	bottom: -3px;
	right: 0;
}

.main-navigation .nav > li > a {
	line-height: 44px;
	padding: 0 18px;
	font-weight: bold;
}

.main-navigation .nav > li.current-menu-item > a {
	color: #f9f9f9;
}
.main-navigation .nav > li.current-menu-item > a:hover,
.main-navigation .nav > li.current-menu-item > a:focus {
	color: #ff4337;
}

.main-navigation .nav > li {
	border-bottom: 3px solid transparent;
}

body.bbpress .main-navigation .nav > li#menu-item-261 {
	border-color:$accent2;
}
body.bbpress .main-navigation .nav > li#menu-item-261 > a {
	color:#fff !important;
}

/* Secondary nav */
#secondary-head {
	position:absolute;
	top:0;
	display:block;
	width:100%;
	border:none;
}
body.admin-bar #secondary-head {
	margin-top:32px;
}

.wrap_login_logout {
	display:inline-block;
	float:right;
	min-height: 1px;
  padding: 0 15px 0 160px;
	background-color: #ff4337;
}

.wrap_login_logout > li {
	float: left;
	position: relative;
	display: block;
}

.wrap_login_logout > li > a {
  font: 12px 'Open Sans';
	line-height: 18px;
	color: #000;
	padding: 10px 18px;
	display:block;
}
.wrap_login_logout > li > a:hover,
.wrap_login_logout > li > a:focus {
	color:#fff;
}

/* Footer border */
.main-footer, .main-footer li, .main-footer li:last-child {
	border-color: transparent;
}

/* Content pages */
body.page-template-page-full-width #primary {
	width:100%;
}

/* Activity */
.post-title.entry-title h1 a {
	cursor: default;
}

#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a span, #buddypress div.item-list-tabs ul li.selected a span {
	background-color: transparent;
	color: #fff;
}

#buddypress div.item-list-tabs ul li a:hover span {
	background-color: transparent;
	color: #ff4337;
}

#buddypress div.item-list-tabs ul li a span {
	border: 0;
	margin: 3px;
}

legend {
	color: #FEFEFE;
}

  /* Upload button */
#buddypress button {
	background: transparent;
}

#buddypress button:hover {
	background: transparent;
}

#buddypress button#rtmedia-add-media-button-post-update.dashicons span {
	color: #19b295;
	background: transparent;
}

#buddypress button#rtmedia-add-media-button-post-update:hover {
	color: #ff4337;
	background: transparent !important;
}

  /* Uploading box */
.plupload_file_name .dashicons, .plupload_file_action {
	background: transparent;
	color: #ff4337;
}

.plupload_file_size, .plupload_file_name {
	color: #19b295;
}

#rtmedia-uploader-form .rtm-plupload-list li, #rtmedia_uploader_filelist li {
	background: transparent;
	border: 1px solid #ff4337;
}

.plupload_file_status {
	background-color: #19b295;
}

.plupload_file_progress {
	background: #ff4337;
}

  /* Comment box */
#buddypress form#whats-new-form textarea, #buddypress div.activity-comments form .ac-textarea, #buddypress div.ac-textarea {
	background: #fff;
	color: #000;
	border-color: #19b295;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

#buddypress #whats-new-form textarea:focus,  #buddypress .ac-textarea:focus {
	border-color: #ff4337 !important;
	outline-color: #ff4337;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

#content textarea {
	max-width: 800px;
	max-height: 100px;
	width: 800px;
	height: 80px;
}

#buddypress div.activity-comments form textarea {
	color: #fff;
}

span.bbp-admin-links a {
	color: #19b295;
}

span.bbp-admin-links a:hover {
	color: #ff4337;
}

#buddypress a.ac-reply-cancel {
    margin-top: 5px;
    font-size: small;
    background: #19b295;
    color: #fff;
    padding: 7px 12px;
    -webkit-border-radius: 5px;
    text-transform: uppercase;
    box-shadow: 0 0 5px #19b295;
    -webkit-box-shadow: 0 0 5px #19b295;
    letter-spacing: 0.5px;
}

#buddypress a.ac-reply-cancel:hover {
    margin-top: 5px;
    font-size: small;
    background: #ff4337;
    color: #fff;
    padding: 7px 12px;
    -webkit-border-radius: 5px;
    text-transform: uppercase;
    box-shadow: 0 0 5px #ff4337;
    -webkit-box-shadow: 0 0 5px #ff4337;
    letter-spacing: 0.5px;
}

  /* Post update button */
#buddypress input[type=submit] {
	background: #19b295;
	color: #fff;
	border: 0;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

#buddypress input[type=submit]:hover {
	background: #19b295;
	color: #fff;
	border: 0;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

#whats-new-submit #aw-whats-new-submit {
	font-size: 12px;
}

#buddypress button, #buddypress div.item-list-tabs ul li a span, #buddypress div.item-list-tabs ul li.selected a span {
	background: transparent;
	border: 0;
	color: #19b295;
}

#buddypress div.item-list-tabs ul li.selected a span:hover {
	color: #ff4337;
}

#buddypress div#message p, #sitewide-notice p {
	font-weight: 700;
	background-color: transparent;
	border: 0;
	color: #fff;
}

#content label {
	font-weight: inherit;
}

#buddypress form #whats-new-form textarea {
	color: #fff;
	background: transparent;
	border-color: #19b295;
	box-shadow: 0 0 12px #19b295;
	-webkit-box-shadow: 0 0 12px #19b295;
}

#content textarea:focus, .wpcf7 textarea:focus {
	border-color: #ff4337;
	box-shadow: 0 0 12px #ff4337;
	-webkit-box-shadow: 0 0 12px #ff4337;
}

  /* Dropdown box */
select#activity-filter-by {
	background: #19b295;
	border-color: #19b295;
	color: #fff;
}

  /* Uploaded music player */
#buddypress .mejs-controls .mejs-play:hover button {
	background: transparent url(http://unsignedtalentagency.co.uk/wp-content/plugins/buddypress-media/lib/media-element/controls.png) no-repeat;
	color: #ff4337;
}

  /* Player playing bar */
#buddypress .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #525252;
}

#buddypress  .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #fff;
}

  /* Player playing bar buttons */
#buddypress .mejs-controls .mejs-play:hover button {
 background: transparent url(http://unsignedtalentagency.co.uk/wp-content/plugins/buddypress-media/lib/media-element/controls.png) no-repeat;
}

#buddypress .mejs-controls .mejs-play button {
	background: transparent url(http://unsignedtalentagency.co.uk/wp-content/plugins/buddypress-media/lib/media-element/controls.png) no-repeat;
}

#buddypress .mejs-controls button:hover {
	background: transparent url(http://unsignedtalentagency.co.uk/wp-content/plugins/buddypress-media/lib/media-element/controls.png) no-repeat;
	background-position: 0 -16px;
}

#buddypress .mejs-controls button {
	background: transparent url(http://unsignedtalentagency.co.uk/wp-content/plugins/buddypress-media/lib/media-element/controls.png) no-repeat;
	background-position: 0 -16px;
}

#buddypress .mejs-controls .mejs-mute:hover button {
	background-position: -16px 0;
}

#buddypress .mejs-controls .mejs-mute button {
	background-position: -16px -16px;
}

#buddypress .mejs-controls .mejs-unmute:hover button {
	background-position: -16px -16px;
}

  /* Delete+Favourite */
#buddypress a.button {
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
	color: #fff;
	background: #19b295;
	border: 0;
}

#buddypress a.button:hover {
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

#buddypress.comment-reply-link:hover, #buddypress a.button:focus, #buddypress a.button:hover, #buddypress button:hover, #buddypress div.generic-button a:hover, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress input[type=submit]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a {
	background: #ff4337;
	border: 0;
	color: #fff;
}

  /* Comment: Reply, Delete, Spam */
#buddypress .acomment-options a {
	color: #fff;
}

#buddypress a.bp-primary-action > div.acomment-options  {
	background: #19b295;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 2px 4px;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

#buddypress #reply-title small a span, #buddypress a.bp-primary-action span,
#buddypress a.bp-primary-action span, #buddypress a.bp-primary-action:hover span {
	color: #fff;
	background: none;
}

  /* Reply */
#buddypress a.acomment-reply.bp-primary-action {
	-webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #19b295;
  padding: 4px 8px;
  color: #fff;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

#buddypress a.acomment-reply.bp-primary-action:hover {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #ff4337;
  padding: 4px 8px;
  color: #fff;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

  /* Delete */
#buddypress a.delete.acomment-delete.confirm.bp-secondary-action {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #19b295;
  padding: 4px 8px;
  color: #fff;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

#buddypress a.delete.acomment-delete.confirm.bp-secondary-action:hover {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #ff4337;
  padding: 4px 8px;
  color: #fff;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

  /* Spam */
#buddypress a.bp-secondary-action.spam-activity-comment.confirm {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #19b295;
  padding: 4px 8px;
  color: #fff;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

#buddypress a.bp-secondary-action.spam-activity-comment.confirm:hover {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #ff4337;
  padding: 4px 8px;
  color: #fff;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

/* Blog */
  /* Blog comments */
 #comments #post-comments-form textarea {
	color: #fff;
	background: transparent;
	border: 1px solid #19b295;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

 #comments #post-comments-form textarea:focus {
	color: #fff;
	background: transparent;
	border: 1px solid #ff4337;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

/* Forums */
#title-container h3 {
	color: #ccc;
}

#bbpress-forums {
	max-width: 1200px;
	width: 100%;
}

h3 {
	color: #ccc;
}

#bbpress-forums div.odd, #bbpress-forums ul.odd, #bbpress-forums div.even, #bbpress-forums ul.even, #bbpress-forums li.bbp-footer, #bbpress-forums li.bbp-header, #buddypress div.item-list-tabs ul li a span {
	background: transparent;
}

#title-container, #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer, #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
	border: 0;
}

#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a {
	font-weight: 0;
	opacity: initial;
}

#bbpress-forums ul.bbp-forums > li > ul {
	padding-left: 16px !important;
}

#bbpress-forums li.bbp-header {
	background-color: #ff4337;
	padding-left:0 !important;
}

ul .forum-titles {
    color: #fff;
}

#bbpress-forums li.bbp-body > ul:hover, #bbpress-forums li.bbp-body > ul:focus, #bbpress-forums li.bbp-body > ul:hover a, #bbpress-forums li.bbp-body > ul:focus a {
	background-color: #19b295;
	color:#fff;
	transition:.6s;
	-webkit-transition:.6s;
}

#bbpress-forums li.bbp-body > ul:hover a, #bbpress-forums li.bbp-body > ul:focus a {
	background-color:transparent !important;
}

#bbpress-forums li.bbp-body .bbp-forum-title {
	font-weight:bold;
}

#content input[type="text"] {
	border: 1px solid #19b295;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
	background-color: transparent;
	color: #fff;
}

#bbpress-forums #bbp-search-form #bbp_search {
	background: transparent;
}

.bbp-forum-freshness > a {
	font-size:16px;
}

  /* Forum index text */
.bbp-forum-info a {
	font-size: 18px;
}

.forum-titles li {
	font-size: 18px;
}

#bbpress-forums li {
	font-size: 18px;
}

#content input[type="text"]:focus {
	border: 1px solid #ff4337;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

/* Inside the forum */
div.bbp-template-notice a {
	color: #19b295;
	margin: 1px;
}

div.bbp-template-notice a:hover {
	color: #ff4337;
}

  /* Create topic */
div.bbp-template-notice, div.indicator-hint {
	color: #19b295;
	font-weight: 700;
}

div.bbp-template-notice, div.indicator-hint, div.bbp-template-notice.info {
	background-color: transparent;
	border-color: transparent;
	border: 0;
}

#bbpress-forums fieldset.bbp-form label {
	font: inherit;
}

#qt_bbp_topic_content_toolbar .quicktags-toolbar {
	background: transparent;
	border: 0;
}

span #subscribe-272 {
	margin: 0 0 0 15px;
}

span #subscribe-284 {
	margin: 0 0 0 15px;
}

span #subscribe-253 {
	margin: 0 0 0 15px;
}

#bbpress-forums fieldset.bbp-form {
	padding: 0;
}

  /* Create New Topic textbox */
div.mce-panel {
	background-color: transparent !important;
}

  /* MCE toolbar */
.mce-toolbar .mce-btn i, .mce-toolbar .mce-btn:hover i {
	color: #fff;
	padding: 3px;
	background: #19b295;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

#mceu_30-body .mce-btn:hover, #mceu_30-body .mce-btn.mce-active {
	background: #ff4337;
	border-color: #ff4337;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

i .mce-ico.mce-i-bold {
	color: #fff;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	border-color: #19b295;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
	background: transparent;
	color: #fff;
	max-height: 120px;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content:focus {
	border-color: #ff4337;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
	background: transparent;
}

#bbpress-forums fieldset.bbp-form input:focus {
	background: transparent;
	border-color: #ff4337;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

#bbpress-forums div.bbp-the-content-wrapper input {
	margin: 0 2px;
	background: #19b295;
	color: #fff;
	border: 1px solid #19b295;
}

#bbpress-forums div.bbp-the-content-wrapper input:hover {
	margin: 0 2px;
	background: #ff4337;
	color: #fff;
	border: 1px solid #ff4337;
}

#bbpress-forums div.bbp-the-content-wrapper .wp-core-ui .button {
	box-shadow: none;
	-webkit-box-shadow: none;
}

  /* Create New Topic text */
form#new-post {
	border: 0;
}

fieldset.bbp-form legend {
	font-size: 18px;
	font-weight: bold;
	background: #19b295;
	color: #eee;
	border: 0;
	padding: 16px;
}

#bbpress-forums fieldset.bbp-form legend {
	padding: 5px 5px 5px 16px;
}

#bbpress-forums  ul.forum-titles {
	padding-left: 16px
}

  /* Frame */
#bbpress-forums fieldset.bbp-form {
	border: none;
	box-shadow: none;
}

  /* Dropdown box */
select#bbp_stick_topic_select {
	background-color: #19b295;
	border-color: #19b295;
	color: #fff;
}	

select#bbp_topic_status_select {
	background-color: #19b295;
	border-color: #19b295;
	color: #fff;
}

#content select:focus {
	background-color: #ff4337 !important;
	border-color: #ff4337 !important;
}

  /* Submit button */
button#bbp_topic_submit {
	text-transform: none;
}

  /* Quick Tag toolbar */
div#qt_bbp_topic_content_toolbar.quicktags-toolbar {
	background: transparent;
	border: 0;
	margin: 0 0 8px 0;
}

  /* Comments */
#bbpress-forums div.bbp-reply-header {
	background: transparent;
}

#bbpress-forums div.bbp-reply-content span a {
	color: #fff;
}

#bbpress-forums div.bbp-reply-content span a:hover {
	color: #000;
}

  /* Comments footer*/
#bbpress-forums li.bbp-footer {
	background: #ff4337;
	color: #fff;
	display:none !important;
}

div.bbp-reply-header {
	border-top: 1px solid #ff4337;
}

  /* Thread comment box */
div#qt_bbp_reply_content_toolbar.quicktags-toolbar {
	background: transparent;
	border: 0;
	margin: 0 0 8px 0;
}

  /* Thread header text */
#bbpress-forums li.bbp-header {
	color: #fff;
}

  /* Back to top button */
.no-touch .cd-top:hover {
	background: #ff4337;
}

/* Cookie button */
button#catapultCookie {
	background: #19b295;
}

button#catapultCookie:hover {
	background: #ff4337;
}

/* Media Queries */
@media (max-width: 240px) {

	/* Forum size */
#bbpress-forums {
	max-width: 240px;
}
  /* Forum text size */
.bbp-forum-info a {
	font-size: 6px;
}

.forum-titles li {
	font-size: 8px;
}

#bbpress-forums li {
	font-size: 5px;
}
  /* Search box */
#content input[type="text"] {
	width: 80px;
}

}

@media (max-width: 320px) {

	/* Forum size */
#bbpress-forums {
	max-width: 320px;
}
  /* Forum text size */
.bbp-forum-info a {
	font-size: 6px;
}

.forum-titles li {
	font-size: 8px;
}

#bbpress-forums li {
	font-size: 5px;
}
}

@media (max-width: 767px) {
	/* Logo */
	img {
		margin-left: 0;
	}
  /* Forum width */
#bbpress-forums {
	width: 767px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
	/* Logo */
	img {
		margin-left: 268px;
	}
}

Thread Starter

CX6998

(@cx6998)

8 years, 6 months ago

Plugins

Plugins 1

Plugins 2

Plugins 3

Theme Author

pacethemes

(@pacethemes)

8 years, 6 months ago

Wow, you have lot of custom CSS and plugins 🙂 It makes it that much more difficult for me to pinpoint the issue, can you just remove all custom CSS and see if it has any change at all ? Also starting version 1.3.0, the Page Builder supports Meta Slider, if you are still seeing issue i suggest you move to Meta Slider which is used very widely

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Image slider back arrow leaves out slider text’ is closed to new replies.