Joomla Templates Club 406,261 posts

[drc3 Friend drc3Join date: July 2006Posts: 46Downloads:0Uploads:7 Thanks: 10 Thanked: 3 times in 1 posts]

#191977

Here is my site. http://mvs005-002.directrouter.com/~april4au/

I need to either:
1. Replace the right hand existing style image of the little fella jumping with my April is For Authors image AND then center my image.
OR
2. Remove the existing image of the little fella jumping and just center my image on that Hero Unit module page.

I need to have my image larger as well. My image does not seem to get bigger by applying sizes in editor.

Any help here appreciated.
Thanks
~d

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

#511360

<blockquote>
2. Remove the existing image of the little fella jumping and just center my image on that Hero Unit module page.
</blockquote>

You can find and change info on Hero Unit module

+ Go to Admin site ->Extensions ->Module Manager -> Hero Unit module -> Custom Output -> click Toggle editor button and see script

From


<div class="hero-unit">
<h1>Simplicity Isn’t Simple.</h1>
<p>Design is a word that’s come to mean so much that it’s also word that has come to mean nothing.</p>
<p><a class="btn btn-primary btn-large btn-tpl-1" href="http://www.joomlart.com/joomla/templates/showcase" target="_blank">View Our Works</a></p>
<p class="btn_unit"><a class="arrow-down img-circle" href="index.php?Itemid=435#our_portfolio">Arrow down</a></p>
</div>


change to


<div class="hero-unit">
<h1>Simplicity Isn’t Simple.</h1>
<p>Design is a word that’s come to mean so much that it’s also word that has come to mean nothing.</p>
<p class="btn_unit"><a class="arrow-down img-circle" href="index.php?Itemid=435#our_portfolio">Arrow down</a></p>
</div>


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

From

.hero-unit .container .hero-unit {
background: url(../../../images/themes/solid/header_bg.png) no-repeat right top;
min-height: 380px;
}

.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;
}

change to


.hero-unit .container .hero-unit {
background: none;
min-height: 380px;
}

.hero-unit p {
color: #fff
padding: 0;
text-shadow: 0px 1px rgba(0,0,0,0.3);
text-align: center;
font-size: 100%;
margin-right: 0px;
}

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

1. drc3

[drc3 Friend drc3Join date: July 2006Posts: 46Downloads:0Uploads:7 Thanks: 10 Thanked: 3 times in 1 posts]

#511759

Thanks. I will make the changes you suggest. Greatly Appreciated.
~d

[drc3 Friend drc3Join date: July 2006Posts: 46Downloads:0Uploads:7 Thanks: 10 Thanked: 3 times in 1 posts]

#511760

BEAUTIFUL!!! Just what I needed. Thanks Again for your great support.
~d

1 user says Thank You to drc3 for this useful post

1. Ninja Lead

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

#511819

Hope you love our products

[Author]

Posts