-
<em>@toucandesign 337969 wrote:</em><blockquote>Another comment I just want to throw in there so maybe someone can give us the CSS code to replace that line of text “Latest Shots” with an image is… can this be good for SEO? I have far to many strategically placed page title words to be repeated in this area.
Anyone want to help us with the new CSS?</blockquote>
To change this do as below:
1. Go to your CSS file >> Adding these lines:
body.layoutview .componentheading{
text-indent: -9999px;
}
2. Go totemplatesyour_template_folderhtmlcom_k2ja_lenscategory.php
Find these lines
<div class="componentheading<?php echo $this->params->get('pageclass_sfx')?>">
<?php echo $this->escape($this->params->get('page_title')); ?>
</div>
Adding image like this:
<div class="componentheading<?php echo $this->params->get('pageclass_sfx')?>">
<?php echo $this->escape($this->params->get('page_title')); ?>
<img src="your_image_url" alt="" />
</div>We suggest you to use text instead of image because it is better for SEO.Title or Heading is very important for SEO. It contains the keywords for users to search. And it is very important to put it in <h1> tag. If you uses image so that it is just good for SEO image but you still have to follows rules of SEO image (image title must contain keyword, alt must contain keyword …). Search engine don’t know content in the image, it just bases on the elements of the images (title, url, alt …).
<em>@toucandesign 340068 wrote:</em><blockquote>
Can you please tell me which CSS file you are referring to?</blockquote>
Yep, you can add in this file:
templates/ja_lens/css/template.css<em>@toucandesign 340185 wrote:</em><blockquote>Hi Luna
I did as you requested and the logo is not showing in that position.
I did notice 2 references to body.layoutview .componentheading in the template.css file, so I added “text-indent: -9999px;” to both lines, one at a time, and tried to add those lines as a separate code. None seemed to work.
http://www.toucandesign.net/jupgrade/templates/ja_lens/css/template.css
Please let me know if you have any input and once again, thanks for your help.</blockquote>
Hi,
I can see that your images does appear
So let me some time to find out more about this problem : )Hi,
I have new solution that you have to fix only on CSS file (location: templatesyour_templates_namecsstemplate.css)
<em>@Luna Garden 338089 wrote:</em><blockquote>To change this do as below:
1. Go to your CSS file >> Adding these lines:
body.layoutview .componentheading{
text-indent: -9999px;
}
</blockquote>
Please change it to:
body.layoutview .componentheading {
background: url("your_image_url") no-repeat scroll 0 0 transparent;
text-indent: -9999px;
}And remove theses lines, you don’t need it.
<em>@Luna Garden 338089 wrote:</em><blockquote>
2. Go totemplatesyour_template_folderhtmlcom_k2ja_lenscategory.phpFind these lines
<div class="componentheading<?php echo $this->params->get('pageclass_sfx')?>">
<?php echo $this->escape($this->params->get('page_title')); ?>
</div>Adding image like this:
<div class="componentheading<?php echo $this->params->get('pageclass_sfx')?>">
<?php echo $this->escape($this->params->get('page_title')); ?>
<img src="your_image_url" alt="" />
</div></blockquote>
This topic contains 33 replies, has 9 voices, and was last updated by
synncom 10 years, 7 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
