Image instead of text in "GK Image Show"

Hi, first time posting here
I'd like to place a logo image instead of the text "creativity" or "get everything that you need..." . I've try to place code directly where the text usually is (media library), but then I just get te code "printed" if I place it where the "caption" is or the image is totally expanded if i place it where the "description" is.
Thanks!
Hector

Hi and welcome!

Please check this article: http://www.gavick.com/demo/wordpress/cr ... ge_id=1064
You have to use only your image from media library titles (e.g. slide1,slide2,slide3) in the widget settings. Lef me know if you'll have still problem with that.

Hi Piotr and thank you for your quick reply! I've read the article before and I still can't find the solution. I would like to use an image instead of text. Please see: http://www.rockapixel.com/justclick

You have images in the background of your Image Show widget, but now I think I understand you, you want another image (logo) instead of text, right? Unfortunately it's not possible, but you can try to add background image to e.g. H1 (your caption field).

Add this code into Creativity/css/override.css file (first enable this override option from Template Options -> Advanced tab)

Code: Select all

.gk-is-wrapper-gk_creativity .figcaption h1 {
   text-indent: -9999999px;
   background: url(your-logo-file);
}


you can also adjust height etc.

Hi Piotr!

The solution you gave me seems to work well on desktop, but not so well on mobile (tablet I couln't try yet). This is the code I used:

Code: Select all

.gk-is-wrapper-gk_creativity .figcaption h2 {
   text-indent: -9999999px;
   background: url(LOGO 110x108);
   background-repeat: no-repeat;
   max-width: 120px;
   line-height: 8;
   margin: -50px auto;
}
.gk-is-wrapper-gk_creativity .figcaption h1 {
    margin: 0 auto;
}


Maybe you could give me a further hint about how this could work well on all devices?

2) I've adapt the colors of the template to our corporate colors, but there's a green background color that I couldn't change yet (it is more visible on mobile). Do you know where I could change it?

3) I'm using Polylang to make the site multilingual. I've been able to translate almost everything, just the buttons "what we do" and "get in touch" I haven't been able to translate yet. Could you please help me with this as well?

Thanks a lot!

Hi,

Add this code into css/mobile.css file:

Code: Select all

.gk-is-wrapper-gk_creativity .figcaption h1 {
    margin: 60px auto 0;
}


2. Green background from this section? "LET’S WORK TOGETHER"

Code: Select all

#gk-bottom2 {
background: #B3D236;
}


or you mean this darker green when refreshing the page on the image show widget area? it comes from you Image Show widget - it's color from [xxx]before your slide title.

3. What we do and get in touch texts come from widgets, does Polylang allow to load widgets depend on the language? Unfortunately our themes are fully compatible with WPML language plugin, not Polylang.

Hi Piotr,

1) Should I disable override in order to get this working? Which other css files should I take care of?

2) I mean the darker green. I've activate a widget at the top so you can see what I mean (on mobile you can also see it as a thin line: http://www.rockapixel.com/justclick/?lang=en

3) Sure thing! Still I haven't been able to find the way to change that text in the widget, or should I change it from a file?

Thank you!

Cheers!

Hi,

Generally, all your CSS changes should be placed in the css/override.css, but mobile/tablet.css are loaded when you browse your website on mobile/tablets, so you can add changes into mobile.css or into override.css with proper media query code, e.g.

Code: Select all

@media (max-width: 600px) {
   .gk-is-wrapper-gk_creativity .figcaption h1 {
    margin: 60px auto 0;
    }
}


This code is from style3.css, you can change it, or override:

Code: Select all

html {
background: #608a69;
}


Regarding the texts, you want to translate/change them? or use other texts depends on the language?

1 and 2: resolved. Thanks a lot!
3: I'd like to translate "what we do" depending on the language, all other texts I could already translate via post/widget.

"what we do" text comes from GK IMage Show widget - unfortunately with your language plugin it's not possible to load another widget depends on the language, text is placed in Creativity/gavern/widgets.imageshow.php file.

If you want, you can remove this text or hide it using CSS, let me know if you need help with the CSS to hide this button.

Alright! I just found a way arround
I think I would have to look for something similar for the contact form... Where can I change the contact information? e.g. "Your message"?
Thank you!

Please check Creativity/gavern/helpers/helpers.shortcodes.php file

Thanks a lot Piotr, great support! You are more than welcome to visit the brand new website: http://www.justclick-media.com