Joomla Templates Club 406,261 posts

[oxyrep Friend oxyrepJoin date: March 2008Posts: 10Downloads:0Uploads:0]

#129146

I am trying to get the download and signup buttons to work. No matter what I do they only display the left hand side of the code. It appears this is the same problem many people have been having.
URL=http://nationwideincome.com/ameriplan/buttons.html

Code used in WYSIWYG


<a href="yourlink" class="but-download" title="Your title">
<span class="download">
<strong>
Your title
</strong>
<span>
Your description
</span>
</span>
</a>

Code on page


<a href="yourlink" title="Your title">
<span class="download">
<strong>
Your title
</strong>
<span>Your description </span>
</span></a>


Even when I copy and paste the code from http://www.joomlart.com/templates_demo.php?template=ja_utahia

div style="width: 95%;" class="clearfix">
<a href="http://www.joomlart.com/downloads/cat/joomlart_club_templates/ja_utahia.html" target="_blank" class="but-download" title="Download now!" style="float: left; clear: right; margin-right: 5px;">
<span class="download">
<strong>Download Now!</strong>
<span>JATC Club Member only</span>
</span>
</a>

<a href="https://www.joomlart.com/member/signup.php" target="_blank" class="but-signup" title="Sign Up!" style="float: left;">
<span class="signup">
<strong>Sign Up Now!</strong>
<span>$70 for 1 year download</span>
</span>
</a>

</div>

Installed Components
Artio JoomSef
Docman
EasyFAQ
Xmap

Can anyone help? this has been a major issue.

[oxyrep Friend oxyrepJoin date: March 2008Posts: 10Downloads:0Uploads:0]

#251430

Ok – I was able to finally fix the issue. It was with becase some of the elements were did not come with the template. I don’t know which ones but here is my code. I also had to hard code the images. I just created a module and put it in the banner position.

<style type=”text/css”>

span.interview {
background: url(‘http://nationwideincome.com/templates/ja_utahia_ii/images/download-left-bg.gif’) no-repeat left top;
cursor: pointer;
display: block;
line-height: normal;
margin: 0;
padding: 18px 0 18px;
text-align: left;
width: 228px;
}

a.but-interview {
margin: 0;
padding: 0;
width: 274px;
display: block;
background: #16A9CD url(‘http://nationwideincome.com/templates/ja_utahia_ii/images/download-right-bg.gif’) no-repeat right top;
text-decoration: none;
}

span.interview {
margin: 0;
padding: 18px 0 18px;
width: 274px;
display: block;
background: url(‘http://nationwideincome.com/templates/ja_utahia_ii/images/download-left-bg.gif’) no-repeat left top;
line-height: normal;
cursor: pointer;
text-align: left;
}

span.interview strong {
margin: 0;
padding: 0 10px 0 70px;
display: block;
color: #FFFFFF;
font: 22px/normal Arial, sans-serif;
text-align: left;
}

span.interview span {
padding-left: 70px;
color: #B4E4F0;
font: 12px/normal Arial, sans-serif;
}

span.enroll {
background: url(‘http://nationwideincome.com/templates/ja_utahia_ii/images/signup-left-bg.gif’) no-repeat left top;
cursor: pointer;
display: block;
line-height: normal;
margin: 0;
padding: 18px 0 18px;
text-align: left;
width: 228px;
}

a.but-enroll {
margin: 0;
padding: 0;
width: 274px;
display: block;
background: #16A9CD url(‘http://nationwideincome.com/templates/ja_utahia_ii/images/signup-right-bg.gif’) no-repeat right top;
text-decoration: none;
}

span.enroll {
margin: 0;
padding: 18px 0 18px;
width: 274px;
display: block;
background: url(‘http://nationwideincome.com/templates/ja_utahia_ii/images/signup-left-bg.gif’) no-repeat left top;
line-height: normal;
cursor: pointer;
text-align: left;
}

span.enroll strong {
margin: 0;
padding: 0 10px 0 70px;
display: block;
color: #FFFFFF;
font: 22px/normal Arial, sans-serif;
text-align: left;
}

span.enroll span {
padding-left: 70px;
color: #B4E4F0;
font: 12px/normal Arial, sans-serif;
}

</style>

<a class=”but-interview” title=”Request Interview!” style=”CLEAR: right; FLOAT: left; MARGIN-RIGHT: 5px”href=”interview-request.html”>
<span class=”interview”><strong>
Request Interview!</strong> <span>
Get started today!</span>
</span></a>

<a class=”but-enroll” title=”Request Interview!” style=”CLEAR: right; FLOAT: left; MARGIN-RIGHT: 5px”href=”join-ameriplan-business-opportunity.html”>
<span class=”enroll”><strong> 
Enroll Today</strong> <span>
    Get started with AmeriPlan®!</span>
</span></a>

[Author]

Posts