Small changes in Countryside template [SOLVED] - Joomla! Forum - community, help and support

hello

i've registered domain can learn how use joomla 2.5 , i'm experimenting few things. site http://www.alessandroortalda.com

i need for:
-change "countryside" logo on top-left. word , know how change and/or how substitue image logo
-change social icon on top right. change these other icons, , erase facebook , g+ icon
-change images in slideshow , chain new images specific post create.

i tried these things via interface solved anything. think have work on system file i've never done , want properly, without creating bigger troubles.

thank in advance help

alesorta wrote:...
-change "countryside" logo on top-left. word , know how change and/or how substitue image logo

you said have tried change "via interface" without success. @ risk of offending you, not intent, ask, "did open template's parameters in template manager (under extensions menu) , see logo there? if have, , there no way change it, 1 way approach open template's index.php file , find (your website name "generated" php code, solution below still work):

code: select all

<h2>
<a title="countryside" href="http://www.alessandroortalda.com/">countryside</a>
</h2>
<h3>joomla template a4joomla.com</h3>


and changing this:

code: select all

<!--<h2>
<a title="countryside" href="http://www.alessandroortalda.com/">countryside</a>
</h2>
<h3>joomla template a4joomla.com</h3>-->


this eliminate text, , eliminate "click on logo go home" trick.
not cannot changed easily, template presently set handle logo 260px wide x 100px height.

so make appropriate logo, perhaps on transparent background dimensions, , upload /images folder within template's folder. assume filename "logo.png"

you want change line 22 of grey.css (in template's /css folder) from:

code: select all

#logo {
    background: none repeat scroll 0 0 transparent;
    border-top: 0 solid #ffffff;
}


to:

code: select all

#logo {
    background: transparent url('../images/logo.png') no-repeat 0 0;
    border-top: 0 solid #ffffff;
}


please note: there more 1 way in joomlaville, others may have more elegant suggestions, that's way it.

alesorta wrote:-change social icon on top right. change these other icons, , erase facebook , g+ icon

again, suspect template's parameters address this, if not:

find code:

code: select all

<div id="headerright" class="gainlayout">
<div id="hsocial" class="gainlayout">
<a class="[youtube]" href="http://www.[youtube].com/">
<img border="0" title="[youtube]" alt="[youtube]" src="/templates/a4joomla-countryside-free/images//[youtube].png">
</a>
<a class="myfeed" href="http://yourfeed.com/">
<img border="0" title="feed" alt="feed" src="/templates/a4joomla-countryside-free/images//feed.png">
</a>
<a class="mytwitter" href="https://twitter.com/">
<img border="0" title="twitter" alt="twitter" src="/templates/a4joomla-countryside-free/images//twitter.png">
</a>
<a class="mygoogle" href="http://plus.google.com/">
<img border="0" title="google plus" alt="google plus" src="/templates/a4joomla-countryside-free/images//google.png">
</a>
<a class="myfacebook" href="http://www.facebook.com/">
<img border="0" title="facebook" alt="facebook" src="/templates/a4joomla-countryside-free/images//facebook.png">
</a>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>


to erase facebook , g+, comment out follows:

code: select all

<div id="headerright" class="gainlayout">
<div id="hsocial" class="gainlayout">
<a class="[youtube]" href="http://www.[youtube].com/">
<img border="0" title="[youtube]" alt="[youtube]" src="/templates/a4joomla-countryside-free/images//[youtube].png">
</a>
<a class="myfeed" href="http://yourfeed.com/">
<img border="0" title="feed" alt="feed" src="/templates/a4joomla-countryside-free/images//feed.png">
</a>
<a class="mytwitter" href="https://twitter.com/">
<img border="0" title="twitter" alt="twitter" src="/templates/a4joomla-countryside-free/images//twitter.png">
</a>
<!--<a class="mygoogle" href="http://plus.google.com/">
<img border="0" title="google plus" alt="google plus" src="/templates/a4joomla-countryside-free/images//google.png">
</a>-->
<!--<a class="myfacebook" href="http://www.facebook.com/">
<img border="0" title="facebook" alt="facebook" src="/templates/a4joomla-countryside-free/images//facebook.png">
</a>-->
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>


to add dfferent social icons, merely follow pattern shown above, noting order right left.

alesorta wrote:-change images in slideshow , chain new images specific post create.

i wasn't able access slideshow module used, quite straitforward, open module, , study right hand side parameters, , let current settings advise on how change them show images want links want.

hope helps.