Only half a photo showing – please help

  • I’m using a template for my site and I’ve only got half a photo showing in the featured slider, but when you refresh the page or go back to homepage you can see the whole photo. Can anyone please help. Thanks

    link to site: https://ibiza24seven.com/site

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Ipstenu (Mika Epstein)

    (@ipstenu)

    ?????? Advisor and Activist

    Is the slider a plugin or part of your theme?

    Short answer: It’s a broken slider, and not a Multisite problem.

    Thread Starter benjaminge1

    (@benjaminge1)

    Hi, thanks for getting back to me, it’s part of theme. here’s the code: its in the css styles:

    /*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

#top { background: url(images/top-bg.png) repeat-x; }
	#top-center { background: url(images/top-center-bg.jpg) no-repeat center 5px; }
		#top-bottom { background: url(images/top-bottom-bg.png) repeat-x bottom center; }
		#top-bottom .container { height: 560px; }
		.index #top-bottom .container { height: auto; }
		.index #top-bottom, .index .container { background: none !important; }
			#top .container { background: url(images/top-container-bg.png) no-repeat bottom left; }
				#header { padding-top: 35px; }
					#logo { float: left; margin-right: 16px; }
					p#slogan { float: left; color: #77808d; font-style: italic; font-family: Georgia, serif; font-size:12px; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); padding-top: 23px;}
					#menu { float: right; background: url(images/left-menu-bg.png) no-repeat top left; padding-left: 12px; height: 48px; margin-top: 8px; }
						#menu-right { background: url(images/right-menu-bg.png) no-repeat top right; padding-right: 12px; height: 48px; }
							#menu-content { background: url(images/content-menu-bg.png) repeat-x; height: 48px; }
				#top-buttons { position:absolute; bottom: -29px; left:27%; z-index: 8; }
					#top-buttons a { text-decoration: none; }
						#top-buttons a.button { background:url(images/featured_button.png) no-repeat right bottom; color:#ffffff; font-family: 'Goudy Bookletter 1911', arial, serif; display:block; font-size:24px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); height:56px; line-height:53px; padding-right:8px; float: left; margin-right: 9px; }
							#top-buttons a.button span { background:url(images/featured_button.png) no-repeat; display:block; height:56px; padding-left: 22px; padding-right:14px; }
	.nolandscape #top-bottom, .nolandscape .container { background: none !important; }
	.nolandscape #top-bottom .container { height: auto !important; }
	.nolandscape #featured { padding-bottom: 30px; }
	.nofeatured #header { padding-bottom: 35px; }
#main-area { background: url(images/main-area-bg.png) top right; border-top: 1px solid #fff; }
	#main-top-shadow { background: url(images/main-top-shadow.png) repeat-x top right; }
		.container { width: 960px; margin: 0 auto; position: relative; }
		.home #main-top-shadow .container { padding: 30px 0 0; }
			.service { float: left; width: 265px; margin-right: 80px; margin-bottom:60px; }
			#main-area .last { margin-right: 0; }
				.service h3.title  { font-size: 24px; color: #758b8d; text-shadow: 1px 1px 1px #ffffff; padding-bottom: 15px;  }
				.thumb { display:block; float:left; position:relative; margin-right: 18px; margin-bottom:10px; }
					.item-image { margin-top:6px; margin-left:6px; }
					.thumb span.overlay { background:url(images/box-overlay.png) no-repeat; display:block; height:68px; left:0px; position:absolute; top:0px; width:68px; }
				.service a.readmore { background:url(images/readmore.png) no-repeat right bottom; color:#7e9294; display:block; font-size:11px; height:24px; line-height:25px; padding-right:10px; text-shadow:1px 1px 1px #ffffff; display:block; float:right; }
					.service a.readmore span { background:url(images/readmore.png) no-repeat;
display:block; height:24px; padding-left: 10px; }

			#recent-projects { background: url(images/left-projects-bg.png) no-repeat top left; padding-left: 24px; height: 115px; padding-bottom: 60px;  }
				#recent-projects-right { background: url(images/right-projects-bg.png) no-repeat top right; padding-right: 24px; height: 115px; }
					#recent-projects-content { background: url(images/content-projects-bg.png) repeat-x; height: 115px; }
						.project { display:block; float:left; position:relative; margin-right: 11px; margin-left:18px; margin-top:15px; width: 152px; height: 84px; }
							.project-image { margin-top:6px; margin-left:6px; }
							span.project-overlay { background:url(images/project-overlay.png) no-repeat; display:block; height:84px; left:0px; position:absolute; top:0px; width:152px; }
							span.zoom-icon { display: block; background: url(images/zoom-icon.png) no-repeat; width: 31px; height: 31px; position: absolute; top: 27px; left: 61px; }
							a.et-video span.zoom-icon { background: url(images/play-icon.png) no-repeat; }

#call-to-action-top { background:url(images/call-to-action-top.png) repeat-x; height: 1px; margin-bottom:68px; }
	#call-to-action { background-color: #ffffff; }
		#call-to-action p { font-family: 'Goudy Bookletter 1911', arial, serif; font-size: 24px; color: #979797; text-align: center; padding-bottom: 26px; padding-top: 25px; }
		span#down-arrow { background:url(images/down-arrow.png) no-repeat; display: block; height: 16px; width: 33px; position: absolute; left: 49%; }	

		#top .nobg { background: none; }
			#category-name { padding-bottom: 30px; padding-top: 60px; }
				h1.category-title { font-size: 30px; color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); padding-bottom: 10px; }
				p.description { font-style: italic; font-family: Georgia, serif; font-size: 18px; color: #778292; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); }
					p.description a { color: #778292; text-decoration: none; }
					p.description a:hover { color: #fff; text-decoration: none; }
			#breadcrumbs { font-size:12px; padding-top:27px; color:#758b8d; margin-bottom: 30px; text-shadow: 1px 1px 1px #ffffff; }
				#breadcrumbs a { color: #b0afaf; }
					#breadcrumbs a:hover { color:#111; text-decoration: none; }
				#breadcrumbs .raquo { color:#b0afaf; }
			#content-area { background:url(images/content-area.png) repeat-y 653px 0px; padding: 0 0 40px 0; }
				#left-area { width: 660px; float:left; }
				#sidebar { width: 293px; float:left; }
					.post { padding:0px 40px 50px 0px; }
						.post p { line-height:21px; }
						.post-thumbnail { display:block; float:left; position:relative; margin-right: 34px; width: 212px; height: 212px; }
							.post-thumb { margin-top:6px; margin-left:6px; }
							span.post-overlay { background:url(images/post-overlay.png) no-repeat;
	display:block; height:212px; left:0px; position:absolute; top:0px; width:212px; }
						h2.title { font-size: 24px; text-shadow: 1px 1px 1px #ffffff; padding-bottom: 10px; }
							h2.title a { color: #758b8d; text-decoration: none; }
							.post p.meta-info { padding-bottom:14px; font-style: italic; font-family: Georgia, serif; font-size: 12px; color: #a2a2a2; text-shadow: 1px 1px 1px #ffffff; }
								.post p.meta-info a { color: #797979; text-decoration: none; }
								.post p.meta-info a:hover { color: #000; }
							a.readmore { background:url(images/readmore.png) no-repeat right bottom; color:#7e9294 !important; display:block; font-size:11px; height:24px; line-height:25px; padding-right:10px; text-shadow:1px 1px 1px #ffffff !important; display:block; float:right; font-family: 'Droid Sans', Arial, sans-serif; }
								a.readmore span { background:url(images/readmore.png) no-repeat;
display:block; height:24px; padding-left: 10px; }
							a.readmore:hover { color: #111 !important; }
						#content-top { background: url(images/content-area-top.png) no-repeat 653px 0; padding-top: 20px; }

	.fullwidth #content-area, .fullwidth #content-top { background: none; }
		.fullwidth #left-area { width: 960px; }
			.fullwidth #comment-wrap { background: none; padding-top: 5px; }

	.post ul, .comment-content ul { list-style-type: disc; padding: 10px 0px 10px 20px; }
		.post ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 10px 0px 10px 2px; }
			.post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; }
			.post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol  { padding: 2px 0px 2px 35px; }

/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/

ul#top-menu li { margin-right: 9px; margin-left: 9px; padding-top: 15px; }
	ul#top-menu a { font-size:12px; color: #292929; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; }
	ul#top-menu a:hover { color: #000; }
	ul#top-menu > li.current_page_item > a { color: #9e9d9d !important; font-style: italic; font-family: Georgia, serif; }

ul#top-menu ul { background: url(images/dropdown.png) no-repeat bottom left; width: 198px; top: 42px !important; border-top: 2px solid #CDCDCD; display: none; padding: 3px 0 14px 0; z-index: 9999; }
	ul#top-menu ul li { margin: 9px 0; padding: 0 10px 0 18px; }
		ul#top-menu ul li a { background: url(images/menu-bullet.png) no-repeat 0 7px; padding-left: 9px; width: 160px; }

	ul#top-menu ul ul { border-top: none; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 15px; border-top-left-radius: 10px; border-top-right-radius: 15px; }
		ul#top-menu li:hover ul ul, ul#top-menu li.sfHover ul ul { top: -10px !important; left: 193px !important; } 

/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/

#featured { padding: 0 80px; margin-top: 72px; position: relative; }
	.slide { position: relative; }
		.slide .description { float: right; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); width: 434px; font-size: 16px; font-family: Georgia, serif; font-style: italic; color: #778292; padding-top: 54px; }
			.slide h2.title { font-size: 30px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); font-style: normal; padding-bottom: 8px; }
				.slide h2.title a { color: #fff; }
		.featured-img { float: left; margin-right: 50px; position: relative; }
			.featured-img span.overlay { background: url(images/featured-image-overlay.png) no-repeat; display: block; width: 318px; height: 204px; position: absolute; top: 0; left: 0; }
			.featured-img img { margin: 5px 0 0 5px; }

#featured .description-left .featured-img { float: right; margin: 0 0 0 50px; }
#featured .description-left .description { float: left;  }

#featured .description-center .description { float: none; text-align: center; width: 100%; }

#featured_content, #featured_content .slide { width: 800px; }
#featured .video-slide { background: url(images/featured-image-overlay.png) no-repeat; padding: 6px 5px 16px; }

.pngimage .description { width: 410px !important; }

#featured a#left-arrow, #featured a#right-arrow { position: absolute; top: 84px; display: block; background: url(images/featured-leftarrow.png) no-repeat; width: 22px; height: 34px; text-indent: -9999px; }
#featured a#left-arrow { left: 0; }
#featured a#right-arrow { right: 0; background: url(images/featured-rightarrow.png) no-repeat; }
    Moderator Ipstenu (Mika Epstein)

    (@ipstenu)

    ?????? Advisor and Activist

    Moved to themes.

    Please note, you should be asking this on https://www.elegantthemes.com/gallery/webly/ – Webly appears to be a commercial theme, so you should be getting some support with your purchase.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Only half a photo showing – please help’ is closed to new replies.

Tags