Joomla Templates Club 406,261 posts

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#527263

@cheapwebz,
<blockquote> http://1072871297.8155540.temp.prositehosting.co.uk/</blockquote>
I can’t access your site. Please PM me url, admin and ftp credentials of your site, I will help to debug and will give you suggestion then.

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#527309

@cheapwebz
You can open this file templates/ja_wall/css/template.css and add following rules:

[PHP].logo-image, .logo-text {
background: #333;
border-bottom: solid 5px #000;
width: 150px;
height: 40px;
}

#mainnav .menu > li.active > a {
border-bottom-color: red;
}

#header {
background: #000;
}
[/PHP]

[cheapwebz Friend cheapwebzJoin date: February 2014Posts: 46Downloads:0Uploads:23 Thanks: 7]

#528129

thanks have sent you a msg

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#528202

@cheapwebz
You can open this file templates/ja_wall/css/template.css and add following rules:
[PHP].logo-image h1 {
height: 52px;
margin-top: -2px;
width: 150px;
}

.logo-image h1 a {
width: 150px;
}[/PHP]

[cheapwebz Friend cheapwebzJoin date: February 2014Posts: 46Downloads:0Uploads:23 Thanks: 7]

#528525

Hi But confused sent you an email ref only showing two rows of tiles also i add the code and then what image e.g. logo do i use ?

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#528714

@cheapwebz,

I have received your PM. I still need a little bit more clarification on your questions.

<blockquote>ok first things first i added in the details to make the logo bigger and its not worked</blockquote>

Have you tried to add following rules to this file templates/ja_wall/css/template.css?
[PHP].logo-image h1 {
height: 52px;
margin-top: -2px;
width: 150px;
}

.logo-image h1 a {
width: 150px;
} [/PHP]

<blockquote>or it has i will keep playing the main thing i want to try and achieve is the tiles 2 things one i only want to display to rows of tiles also is there anyway of getting like on the front of the tiles like 10% off or 15%off and so on ? also a favourite button ? just thought i would ask the details to log into the site are as follows</blockquote>

It would be best if you can send me screenshot for better illustration, I will give suggestion then.

[wvlee Friend wvleeJoin date: May 2015Posts: 18Downloads:0Uploads:2 Thanks: 3]

#662906

I want to have the logo on top of the site, like ‘hte huffington post’, and as explained in this posting http://www.joomlart.com/forums/topic/color-block-how-do-i-enlarge-the-space-for-the-logo/#post-466289

I downloaded the zipfile, and it wasalmost working , but not quite, the code has changed a bit , so i would like some tips on how to get the logo in the middle on top in a current version of joomla and JA wall ?

[wvlee Friend wvleeJoin date: May 2015Posts: 18Downloads:0Uploads:2 Thanks: 3]

#745926

I want to have the logo on top of the site, like ‘hte huffington post’, and as explained in this posting http://id.joomlart.com/forums/topic/color-block-how-do-i-enlarge-the-space-for-the-logo/#post-466289

I downloaded the zipfile, and it wasalmost working , but not quite, the code has changed a bit , so i would like some tips on how to get the logo in the middle on top in a current version of joomla and JA wall ?

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

#663110

@wvlee: That is custom work with old version on JA Wall template if you can possibly include the URL of your site and a screenshot and description on that particular screenshot on what you would like to do. I will help you to find the solution.

[wvlee Friend wvleeJoin date: May 2015Posts: 18Downloads:0Uploads:2 Thanks: 3]

#663799

Well, this is the current situation: (logo was already a bit enlarged compared to the standard wall template:

But we want to get the look more like this:

Also, in the red ellips, that might be a bit bolder fontwise. But the logo is the most important thing right now.

[wvlee Friend wvleeJoin date: May 2015Posts: 18Downloads:0Uploads:2 Thanks: 3]

#746136

Well, this is the current situation: (logo was already a bit enlarged compared to the standard wall template:

But we want to get the look more like this:

Also, in the red ellips, that might be a bit bolder fontwise. But the logo is the most important thing right now.

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

#663863

@wvlee: Your request is custom full logo on JA Wall template, it’s pretty hard to custom on that, but you can try to use my solution below

+ Backup all css styles on your site.

+ Open templates/ja_wall/css/navigation.css file

from

#mainnav {
left: 120px; /* Space for Logo */
position: absolute;
width: 100%;
top: 0;
}

to

#mainnav {
left: 0px; /* Space for Logo */
position: absolute;
width: 100%;
top: 45px;
}

+ Open templates/ja_wall/css/layout.css file

from

#sidebar {
margin-left: -120px;
position: fixed;
top: 70px; /* Space for header */
width: 120px;
}

to

#sidebar {
margin-left: -120px;
position: fixed;
top: 115px; /* Space for header */
width: 120px;
}

+ Open templates/ja_wall/css/template.css file

from


/* Logo Image ---*/
.logo-image,
.logo-text {
background: #690
border-bottom: 5px solid #84b12a
float: left;
height: 40px;
position: relative;
width: 120px;
z-index: 1000;
text-align: center;
}

#header {
background: #333
border-bottom: 10px solid #e5e5e5 /* Seperate content and header while scroll page */
color: #CCC
height: 45px;
position: fixed;
top: 0;
z-index: 999;
}

.has-toggle {
z-index: 999;
}

.logo-image h1 a {
background: url(../images/logo.png) no-repeat 0px 0px;
display: block;
text-indent: -999em;
width: 79px;
}


to


/* Logo Image ---*/
.logo-image,
.logo-text {
background: #690
border-bottom: 5px solid #84b12a
float: left;
height: 40px;
position: relative;
width: 100%;
z-index: 1000;
text-align: center;
}

#header {
background: #333
border-bottom: 10px solid #e5e5e5 /* Seperate content and header while scroll page */
color: #CCC
height: 90px;
position: fixed;
top: 0;
z-index: 999;
}

.has-toggle {
z-index: 998;
}

.logo-image h1 a {
background: url(../images/logo.png) no-repeat 0px 0px;
display: block;
text-indent: -999em;
width: 100%;
}


and change dimension logo to big logo with templates/ja_wall/images/logo.png path

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

#746200

@wvlee: Your request is custom full logo on JA Wall template, it’s pretty hard to custom on that, but you can try to use my solution below

+ Backup all css styles on your site.

+ Open templates/ja_wall/css/navigation.css file

from

#mainnav {
left: 120px; /* Space for Logo */
position: absolute;
width: 100%;
top: 0;
}

to

#mainnav {
left: 0px; /* Space for Logo */
position: absolute;
width: 100%;
top: 45px;
}

+ Open templates/ja_wall/css/layout.css file

from

#sidebar {
margin-left: -120px;
position: fixed;
top: 70px; /* Space for header */
width: 120px;
}

to

#sidebar {
margin-left: -120px;
position: fixed;
top: 115px; /* Space for header */
width: 120px;
}

+ Open templates/ja_wall/css/template.css file

from


/* Logo Image ---*/
.logo-image,
.logo-text {
background: #690
border-bottom: 5px solid #84b12a
float: left;
height: 40px;
position: relative;
width: 120px;
z-index: 1000;
text-align: center;
}

#header {
background: #333
border-bottom: 10px solid #e5e5e5 /* Seperate content and header while scroll page */
color: #CCC
height: 45px;
position: fixed;
top: 0;
z-index: 999;
}

.has-toggle {
z-index: 999;
}

.logo-image h1 a {
background: url(../images/logo.png) no-repeat 0px 0px;
display: block;
text-indent: -999em;
width: 79px;
}


to


/* Logo Image ---*/
.logo-image,
.logo-text {
background: #690
border-bottom: 5px solid #84b12a
float: left;
height: 40px;
position: relative;
width: 100%;
z-index: 1000;
text-align: center;
}

#header {
background: #333
border-bottom: 10px solid #e5e5e5 /* Seperate content and header while scroll page */
color: #CCC
height: 90px;
position: fixed;
top: 0;
z-index: 999;
}

.has-toggle {
z-index: 998;
}

.logo-image h1 a {
background: url(../images/logo.png) no-repeat 0px 0px;
display: block;
text-indent: -999em;
width: 100%;
}


and change dimension logo to big logo with templates/ja_wall/images/logo.png path

[wvlee Friend wvleeJoin date: May 2015Posts: 18Downloads:0Uploads:2 Thanks: 3]

#664551

well, the logo is now looking a bit strange (dimentions logo are 766 *99 at the moment) , but the site is showing:

[wvlee Friend wvleeJoin date: May 2015Posts: 18Downloads:0Uploads:2 Thanks: 3]

#746302

well, the logo is now looking a bit strange (dimentions logo are 766 *99 at the moment) , but the site is showing:

[Author]

Posts