Joomla Templates Club 406,261 posts

[rougeint Friend rougeintJoin date: February 2013Posts: 9Downloads:0Uploads:0 Thanks: 3]

#185724

http://www.sunnycars.com.au

Unable to center all text on Hero Unit.

Code here:

<p style=”text-align: center;”> </p>
<div class=”hero-unit” style=”text-align: left;”>
<h1 style=”text-align: center;”>Welcome to Sunny Cars</h1>
<p style=”text-align: center;”>Our customers always come first.</p>
<p class=”btn_unit” style=”text-align: center;”> </p>
<p class=”MsoNormal” style=”text-align: center;”><span style=”font-size: 14.0pt; font-family: Arial; color: #3f3f3f” lang=”EN-US”>Dealing with car dealers can be daunting.</span></p>
<p class=”MsoNormal” style=”text-align: center;”><span style=”font-size: 14.0pt; font-family: Arial; color: #3f3f3f” lang=”EN-US”> </span></p>
<p class=”MsoNormal” style=”text-align: center;”><span style=”font-size: 14.0pt; font-family: Arial; color: #3f3f3f mso-bidi-font-weight: bold;” lang=”EN-US”>Let Sunny Cars make it a pleasant experience we are the easy way. Let us worry about getting you the best price from multiple dealers and various brands.</span></p>
<strong><span style=”font-size: 14.0pt; font-family: Arial; color: #3f3f3f” lang=”EN-US”> </span></strong><span style=”font-size: 14.0pt; font-family: Arial; color: #3f3f3f” lang=”EN-US”> <br /></span>
<p class=”MsoNormal” style=”text-align: center;”><span style=”font-size: 14.0pt; font-family: Arial; color: #3f3f3f” lang=”EN-US”>Buying, selling, rentals, finance, insurance, aftermarket, parts & service, modifications. We are a true one-stop-shop to assist and achieve your goals for you.</span></p>
<p class=”MsoNormal” style=”text-align: center;”><span style=”font-size: 14.0pt; font-family: Arial; color: #3f3f3f” lang=”EN-US”> </span></p>
<p style=”text-align: center;”><span lang=”EN-US”>Ask our friendly and professional team about all brands and models for information that dealers might not even have.</span></p>
<p class=”MsoNormal” style=”text-align: center;”><span style=”font-size: 14.0pt; font-family: Arial; color: #3f3f3f” lang=”EN-US”>We are Sunny Cars – where everyone leaves with a smile.</span></p>
<p class=”btn_unit” style=”text-align: center;”> </p>
<p class=”btn_unit” style=”text-align: center;”> </p>
<p class=”btn_unit” style=”text-align: center;”><a class=”arrow-down img-circle” href=”index.php?Itemid=435#our_portfolio”>Arrow down</a></p>
</div>

Please advise.

Thanks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#486242

You can fix this problem from css by

Open templates/ja_onepage/css/themes/solid/template.css file

from


.hero-unit p {
color: #fff
padding: 0;
text-shadow: 0px 1px rgba(0,0,0,0.3);
text-align: left;
font-size: 100%;
margin-right: 450px;
}
@media (max-width: 1024px) {
.hero-unit p {
padding: 0 !important;
margin-right: 15px !important;
}

change to


.hero-unit p {
color: #fff
padding: 0;
text-shadow: 0px 1px rgba(0,0,0,0.3);
text-align: left;
font-size: 100%;
}
@media (max-width: 1024px) {
.hero-unit p {
padding: 0 !important;
}


Let me know the result

1 user says Thank You to Ninja Lead for this useful post

1. rougeint

[rougeint Friend rougeintJoin date: February 2013Posts: 9Downloads:0Uploads:0 Thanks: 3]

#486479

Thanks Ninja Lead!

It worked great!

Cheers.

[Author]

Posts