Public Forums 71,145 posts

[fuzmic Friend fuzmicJoin date: September 2013Posts: 16Downloads:0Uploads:1]

#198690

Hi gurus

Just learning T3 in localhost, it is very flexible, i recommend to serious web designers over various i haved tried.

As the title suggest, I am trying to have a background image (../images/pic.jpg) in the header of t3-b3-blank-default template v2.1.4 with t3 framework v2.2.1 set in Non-Development mode so that custom.css is read.

The layout configuration in tpls that is in use has header block as follows:
<div class=”t3-wrapper”>
<?php $this->loadBlock(‘header’) ?>

In “header” block in tplsblocks, the div class is changed to “hdbackground” from “row”
<!– HEADER –>
<header id=”t3-header” class=”container t3-header”>
<div class=”hdbackground”>

In ..csscustom.css the following entry added
.hdbackground {
background: url(“../images/pic.jpg”);
width:100%;
margin-left: auto;
margin-right: auto;
}

Unfortunately nothing happens. Chrome>Develop.Tools shows no reference to url(pic.jpg). What did i miss, appreciate help, have been sitting on it for days.

Someone then suggest that I don’t make changes to the header block ie keep the “row”, don’t change to “background” ie use the default header block. Then in the custom.css add following
.t3-header .row {
background: url(../images/pic.jpg);
}
BUT it still don’t work.

Gurus please help. I really like to be able to do it just from custom.css without changing the others. Waiting for the saving guru.

[fuzmic Friend fuzmicJoin date: September 2013Posts: 16Downloads:0Uploads:1]

#538610

Hi guys

I finally found the mistake – pic.jpg must be placed in the images folder of the template and not at rootimages folder because the …/ starts from where the template is. Sorry for the fuzz.

[Author]

Posts