Fashion - Image Title Module

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Dec 17, 2012 9:28 am
Reply with quote
Report this post
Hi,
How to insert image as the title of the module.
Thank you
User avatar
Junior Boarder

Konrad M
Mon Dec 17, 2012 9:34 am
Reply with quote
Report this post
Hi,
you can try add suffix to this module and then add image as a background for h3.header element. For example suffix ' mysuffix' and then add to override.css
Code: Select all
.mysuffix h3.header {
background:url(../images/your_image.jpg) top left no-repeat;
}

Remember to copy your image to images folder and enable override.css option in template settings.
User avatar

GK User
Mon Dec 17, 2012 10:01 am
Reply with quote
Report this post
Konrad M wrote:Hi,
you can try add suffix to this module and then add image as a background for h3.header element. For example suffix ' mysuffix' and then add to override.css
Code: Select all
.mysuffix h3.header {
background:url(../images/your_image.jpg) top left no-repeat;
}

Remember to copy your image to images folder and enable override.css option in template settings.


I enabled override.css in template settings and added image in /images
I added in override.css
.pippo h3.header {
background:url(../images/fruits.gif) top left no-repeat;
}
in Module Suffix : nsp pippo

but sorry it doesn't work.
User avatar
Junior Boarder

Konrad M
Mon Dec 17, 2012 10:02 am
Reply with quote
Report this post
Please give me url to your site.
User avatar

GK User
Mon Dec 17, 2012 10:24 am
Reply with quote
Report this post
Konrad M wrote:Please give me url to your site.


SORRY SORRY SORRY
I was wrong folder.
The correct folder is "gk_fashion/images".
Now it works great!
thanks
alessandra
User avatar
Junior Boarder

GK User
Mon Dec 17, 2012 10:55 am
Reply with quote
Report this post
alina70 wrote:
Konrad M wrote:Please give me url to your site.


SORRY SORRY SORRY
I was wrong folder.
The correct folder is "gk_fashion/images".
Now it works great!
thanks
alessandra


Another thing....
below the image is displayed on the title. How do I remove the text and leave only the image?
Thanks
User avatar
Junior Boarder

Konrad M
Mon Dec 17, 2012 10:58 am
Reply with quote
Report this post
Please give me url to your site.
User avatar

GK User
Mon Dec 17, 2012 11:12 am
Reply with quote
Report this post
Konrad M wrote:Please give me url to your site.


I can't because the site is local.

If I change "Show title" = No even the image in the background is not visible.
User avatar
Junior Boarder

Konrad M
Mon Dec 17, 2012 11:23 am
Reply with quote
Report this post
Please try add css rule:
Code: Select all
text-indent:-9999px;
User avatar

GK User
Mon Dec 17, 2012 11:36 am
Reply with quote
Report this post
Konrad M wrote:Please try add css rule:
Code: Select all
text-indent:-9999px;



Seems perfect!!

While waiting for a reply I tried with
.lallegato span {
display: none;
}
and seem to work well

Thanks for your kindness
User avatar
Junior Boarder


cron