Joomla Templates Club 406,261 posts

[sweetjane03 Friend sweetjane03Join date: July 2013Posts: 8Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#189033

I have twice H1 in content page and i whish to have a better SEO.
Thanks

my site is : http://www.gemmahervas.com

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#499380

Hi Sweetjane03,

Please do as follow:

– Open file /templates/ja_wall/index.php
– From:

<h1 class="logo">
<a href="<?php JURI::base(true) ?>" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</h1>

=> Change “h1” to “h2”

– Open file: /templates/ja_wall/css/template.css
– 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;
}

.logo-image h1 {
color: #fff
display: block;
height: 17px;
margin: 12px 0 0 20px;
padding: 0;
width: 79px;
}

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

/* Logo text ---*/
.logo-text h1 {
font-size: 22px;
font-weight: normal;
line-height: normal;
}

.logo-text h1 span {
display: inline-block;
font-size: 10px;
line-height: normal;
padding-right: 0;
padding-top: 5px;
vertical-align: top;
}

.logo-text h1 a {
color: #fff
display: inline-block;
font-weight: bold;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.7);
text-transform: uppercase;
}

.logo-text:hover h1 a,
.logo-text h1 a:hover,
.logo-text h1 a:active,
.logo-text h1 a:focus {
color: #fff
}

=> Change “h1” to “h2”

– Open file: /templates/ja_wall/themes/teen_life/css/theme.css
– From:

/* Logo Image ---*/
.logo-image,
.logo-text {
background: url(../images/bg-toolbar.png) repeat-x left top;
border: none;
height: 339px;
position:absolute;
left: 0;
top: 0;
width: 156px;
}

.logo-image h1 {
display: block;
height: 339px;
margin: 0;
padding: 0;
width: 100%;
}

.logo-image h1 a {
background: url(../images/logo.png) 10px 0 no-repeat;
color: #fff
text-shadow: none;
height: 339px;
width: 100%;
overflow:hidden;
text-indent: -999em;
}

/* Logo Text ---*/
.logo-text h1 {
display: block;
height: 339px;
margin: 0;
padding: 0;
width: 100%;
}

.logo-text h1 a {
background: url(../images/logo-text-bg.png) 10px 0 no-repeat;
color: #fd769d
font-weight: bold;
font-family: 'Handlee',cursive;
font-size: 125%;
height: 339px;
padding-top: 250px;
overflow:hidden;
text-transform: none;
text-shadow: 1px 1px 0 #fff
width: 100%;
}

.logo-text:hover h1 a,
.logo-text h1 a:hover,
.logo-text h1 a:active,
.logo-text h1 a:focus {
color: #fd769d

=> change “h1” to “h2”.

NOTE: Remember to deleted cache before run your site.

Regards

1 user says Thank You to Nazario A for this useful post

1. sweetjane03

[sweetjane03 Friend sweetjane03Join date: July 2013Posts: 8Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#499414

Thank you! 😀

[sweetjane03 Friend sweetjane03Join date: July 2013Posts: 8Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#499416

Hello again,
When charging the mobile version, standard logo appears instead the mobile version. :((
Can you help me?
thanks

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#499417

Hi sweetjane03,

By default, we use the same logo in mobile and desktop version.

If you want to change logo on mobile, please do as follow:

– Open file: /templates/ja_wall/themes/teen_life/css/theme.css

– Change as image: http://prntscr.com/1g3tli

Regards

1 user says Thank You to Nazario A for this useful post

1. sweetjane03

[sweetjane03 Friend sweetjane03Join date: July 2013Posts: 8Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#499475

I’ve only changed this: /templates/ja_wall/themes/teen_life/css/theme.css

And up and running 🙂

thanks !!!!!!

1 user says Thank You to sweetjane03 for this useful post

1. JA Developer

[Author]

Posts