-
Hi guys,
I’d like to add an additional picture to the Wood Theme Background.
The location of the item is shown on my sample picture, which is done with photoshop.
Does someone know an efficient way to add that picture to the wood theme background?
I’m using Joomla 3.
Hello,
In order to change background image in JA Mero – Wood themes, override your image with this image: <blockquote>templates/ja_mero/images/themes/wood/body-bg.jpg</blockquote>
Then go to this file: <blockquote>templates/ja_mero/css/themes/wood/template.css</blockquote>
Find these lines:
<blockquote>body {
background: url(“../../../images/themes/wood/body-bg.jpg”) repeat scroll 0 0 #956648;
}</blockquote>change background color (code:#956648) to the color code you want
Thanks for your answer.
I just don’t want to repeat the cornflower on the whole site.
The background of the wooden theme is supposed to stay the same. I’ll just want to add that ornflower to it.
I’d like to find an efficient way. If I setup one image for the whole background (no repetition) I’d would take more time to load the site.edit: I attached an example made with photoshop.
Hello,
I have checked on JA Mero, only one div is around the whole site to support responsive feature, so it’s hard to make two background on JA Mero.
I’ll ask the developer team to give out the solution for you, I’ll reply you soon after I got the answer.
Thanks for your patience.
Hello,
Sorry for the delay.
Here is my solution.
Please go to this file <blockquote>templatesja_merotplshome.php</blockquote>
and this file <blockquote>templatesja_merotplsdefault.php</blockquote>
then create a div around the content.
For example, with file home.php:
<blockquote><body>
<?php $this->loadBlock (‘header’) ?>
<?php $this->loadBlock (‘mainnav’) ?>
<?php $this->loadBlock (‘mainbody-home’) ?>
<?php $this->loadBlock (‘spotlight-3’) ?>
<?php $this->loadBlock (‘navhelper’) ?>
<?php $this->loadBlock (‘footer’) ?>
</body></blockquote>
change to<blockquote><body>
<div class=”background2″><?php $this->loadBlock (‘header’) ?>
<?php $this->loadBlock (‘mainnav’) ?>
<?php $this->loadBlock (‘mainbody-home’) ?>
<?php $this->loadBlock (‘spotlight-3’) ?>
<?php $this->loadBlock (‘navhelper’) ?>
<?php $this->loadBlock (‘footer’) ?>
</div></body></blockquote>
Then go to : <blockquote>templatesja_merocsscustom.css</blockquote>
Add this lines:
<blockquote>
.background2{
background: url(your_image_url) no-repeat;
}
</blockquote>Viewing 5 posts - 1 through 5 (of 5 total)This topic contains 5 replies, has 2 voices, and was last updated by
Luna Garden 11 years, 9 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Background of Wood Theme + additional background picture
Viewing 5 posts - 1 through 5 (of 5 total)
