Need help with Slideshow code

  • 2
  • Question
  • Updated 7 years ago
  • Answered
  • (Edited)
I'm stumped here:

•I am using http://www.2createawebsites.com/image... for my slideshow.

•I have uploaded my images to my resources folder as shown here:

<!-- Image Slide Show Start website image -->

Photo of Adam Paine

Adam Paine

  • 5 Posts
  • 0 Reply Likes

Posted 7 years ago

  • 2
Photo of Adam Paine

Adam Paine

  • 5 Posts
  • 0 Reply Likes
Here's my custom CSS

body {
background: #000000;
margin: 0;
padding: 0;
}

/* Logo */

#logo {
width: 930px;
height: 170px;
margin: -25px auto;
}

#logo h1 {
float: left;
padding: 60px 37px 0 0;
height: 48px;
background: #000000 no-repeat 100% 63px;
font-size: 38px;
font-weight: normal;
letter-spacing: -2px;
margin:20px 0 0 0;
}

#logo h2 {
float: right;
padding: 98px 0 0 0;
font-weight: normal;
font-size: 16px;
color: #FFFFFF;

}

#logo a {
text-decoration: none;
color: #FFFFFF;
}

/* Menu */

#menu {
width: 920px;
height: 50px;
margin: 0px auto;
}

#menu ul {
margin: 0;
padding: 10px 0 0 0;
list-style: none;
line-height: normal;
}

#menu li {
display: inline;
}

#menu a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
display:block;
float: left;
height: 25px;
margin: 15px 10px 0px 10px;
padding: 10px 20px 0px 20px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
color: #ffffff;
background:#333333;
}

#menu a:hover {
text-decoration: underline;
}

#menu .active a {
background: #EC0000 url(http://s2.yolacdn.net/V0023443/templa...) repeat-x left bottom;
}

/* Page */

#bg {
background: #d7d7d7;
}

#page {
width: 888px;
margin: 0 auto;
background:#ffffff;
padding:10px 15px;

/* Content */

#content {
float: left;
width: 625px;
padding: 0 0 0 24px;
}

#content h1 {
margin: 45px 0 20px 0;
padding-left: 33px;
background: url(http://s3.yolacdn.net/V0023443/templa...) no-repeat left center;
}

#content .content {
padding-left: 32px;
}

/* Posts */

.post h1.title {
margin: 45px 0 20px 0;
padding-left: 33px;
background: url(http://s3.yolacdn.net/V0023443/templa...) no-repeat left center;
}

.post h2.title {
margin: 40px 0 25px 0;
padding-left: 33px;
background: url(http://s3.yolacdn.net/V0023443/templa...) no-repeat left center;
}

.post .title a {
text-decoration: none;
color: #292929;
}

.post .entry {
padding-left: 32px;
}

.post ul, .post ol {
margin-left: 3em;
}

.post ul {
list-style-type: square;
}

.post ol {
list-style-type: decimal;
}

/* Sidebar */

#sidebar {
float: right;
width: 214px;
padding: 0 1px 0 0;
}

#sidebar a
color: #4A5157;
}

.box {

}

.box .title {
height: 27px;
padding: 6px 0 0 34px;
background: #C80000 url(http://s1.yolacdn.net/V0023443/templa...) no-repeat;
font-size: 17px;
color: #FFFFFF;
}

.box .content {
padding: 26px;
background:none;
}

.box ul {
list-style: none;
line-height: normal;
}

.box ul li {
margin-bottom: 13px;
font-size: 12px;
}

.box small {
font-size: 10px;
color: #808C96;
}

/* Footer */

.sys_footer {
padding: 35px 0 10px 0;
background: #222222;
font-size: 12px;
text-align:center;
}

#sys_designerfooter {
background: #222222;
padding: 0 0 5px 0;
border:none;
margin-top:0px;
}

.sys_footer p {
text-align: center;
}

.sys_footer a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FF0000;
}

.sys_txt {
font-family : Verdana, Arial, sans-serif;
color : #7F7772;
font-size : 12px;
padding : 1px 0 0 0;
font-size-adjust: none;
}

a {
color:#E80202;
}

.sys_txt a img {
border : none;
}

.sys_txt a {
color: #E80202;
}

.sys_txt a:hover {
text-decoration: none;
color: #636363;
}

.sys_txt h1, .sys_txt h2, .sys_txt h3, .sys_txt h4, .sys_txt h5, .sys_txt h6, .sys_txt p {
text-decoration: none;
font-weight: normal;
color: #444;

}

.sys_txt h1 {
letter-spacing: -1px;
font-size: 2.4em;
margin:0;
padding:10px 0 10px 0;
}

.sys_txt h2 {
font-size: 1.8em;
margin:0;
padding:10px 0 10px 0;
}

.sys_txt h3 {
font-size: 1.2em;
font-weight: bold;
margin:0;
padding:10px 0 10px 0;
}

.sys_txt h4 {
margin:0;
padding:10px 0 10px 0;

}

.sys_txt h5 {
margin:0;
padding:10px 0 10px 0;

}

.sys_txt h6 {
margin:0;
padding:10px 0 10px 0;

}

.sys_txt p {
margin:0;
padding:5px 0;
color: #7F7772;

}

.sys_txt blockquote {
margin: 0 20px;
padding:15px 0 15px 30px;
padding-left: 1em;
border-left: 5px solid #DDDDDD;

}

.sys_txt ol {
margin : 15px 5px;
padding : 0 35px;
}

.sys_txt ul {
margin:0;
padding:10px 50px;
list-style: square;
}

.sys_txt ol {
margin:0;
padding:10px 50px;
list-style: lower-roman;
}
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi Adam,

I'm optimistic that someone in our community may be able to work with you on your code. You may want to visit this thread for help.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Adam,

Can you paste the slideshow code here please. the code you pasted is your site code and not related to the slide show that I can see.

Your custom code I don't think is relevant to the slide show.

To add the slide show code you would add it to an HTML widget on your page and not to the CSS unless you wanted the slideshow on multiple pages.

What problems are you seeing after pasting whatever of you slide show?