Frontpage - take a tour banner: move button to center

**GK User** Fri Dec 28, 2012 9:47 pm Reply with quote Report this post

I installed the quick-start version.
And I want the mainbody contains only the following:
- wellcome sentence
- two buttons with link to two kind of company's services

I think I may modify "Frontpage - take a tour banner" for my purpose.
I changed the original text from "Learn more before you use our products!" to my wellcome sentence. And I changed "Take a tour button" and added a new button. So my "Frontpage - take a tour banner" now contains my wellcome sentence and two buttons. It's great!
But...
Buttons are removed to the rignt. But I want the buttons are posted in the center.

Please help. How to post my buttons in the center?

Thanks!

**Konrad M** Mon Dec 31, 2012 2:59 pm Reply with quote Report this post

Hi,
can you give us url to your site ? It will be much easier to help you.

**GK User** Mon Dec 31, 2012 3:26 pm Reply with quote Report this post

My site (this is temporary site): http://evolbiznew.studia-kaleydoskop.ru/

And Happy New Year to all!

**Konrad M** Mon Dec 31, 2012 3:39 pm Reply with quote Report this post

Thank's. Happy New Year for you too. Try add own suffix to this xustom html module. For example " mysuffix" (remember about white space before suffix name) and then please try add to override.css

Code: Select all: .mysuffix .custom { text-align:center; } .mysuffix .blockquote div { text-align:left; } .mysuffix .gkBannerWithButton { padding:0 !important; } .mysuffix .gkBannerWithButton a { float:none !important; }

and remember toenable override.css option in template settings.

**GK User** Tue Jan 01, 2013 1:17 pm Reply with quote Report this post

Konrad M, thank you very much for instructions!
I changed your code a little bit:

Code: Select all: .frontp .custom { text-align:center; } .frontp .gkBlockquote3 div { text-align:left; font-size: 22px; color: #6A9EDB; } .frontp .gkBannerWithButton { padding:0 !important; background: white; } .frontp .gkBannerWithButton a { float:none !important;

And my wellcome sentence and buttons are such as I want! (maybe the color of wellcome sentence will be another).

Unfortunately I did not find detailed documentation about fine tuning of css for GK-templates. Are there detailed docs for GK-template possibilities with step-by-step instruction?

**Konrad M** Wed Jan 02, 2013 1:23 pm Reply with quote Report this post

Unfortunetly no. One advice I can give you is always using override.css file to add your custom css code. It will avoid issues during further template updates. And If you never use firebug please try it. It is great firefox extension for developers.

**GK User** Thu Jan 03, 2013 8:16 pm Reply with quote Report this post

Thank you!
May I ask one more question about css?
I created k2-category with individual template (for example, serv - name of category, service - name of k2-category template). Then I created k2-item with k2-category serv. And I found that template.css is used for my k2-item instead of k2.css. I suppose it must be so for GK-template.
My question: how can I define specific style for my k2-template, for my k2-item or for my k2-category? I found "Suffixes for pages" option on "FEATURES" tab in template settings. But I don't understand how to use this option. Or this option is intended for another purposes?

**GK User** Thu Jan 03, 2013 9:05 pm Reply with quote Report this post

Konrad M, I'll give you the following example for my question.
I need to change header of my item (h1 tag). Page in the FireBug: see attached picture.

**Konrad M** Fri Jan 04, 2013 8:03 am Reply with quote Report this post

I think 'Suffix for pages' will be best option for that. If your k2 category page is one of the menu item please add your suffix to this item using 'Suffix for pages' option. It will asset this suffix to <body> tag only for this particular page. And then you will be able to add to override.css rules only for this page:

Code: Select all: .suffix article header h1 { }

**GK User** Fri Jan 04, 2013 11:55 am Reply with quote Report this post

Konrad M, thank you for reply!
But your instruction doesn't work

Maybe I do something wrong??
I did the following:
1. My k2-item has ID = 137
2. I set suffix "suf_sert" for my item (see picture "features_set.jpg"
3. I added to override.css the folloing code:

Code: Select all: .suf_sert article header h1 { font-size: 12px !important; }

And header of my k2-item didn't change. The FireBug shows the same (as on the picture in my previous post).
Code of the page contains the folloing string: <link rel="stylesheet" href="http://evolbiznew.studia-kaleydoskop.ru/templates/gk_creative/css/override.css" type="text/css" />
So override mode works but my settings for k2-item doesn't work.
Why? What did I do wrong?

**Konrad M** Fri Jan 04, 2013 12:08 pm Reply with quote Report this post

Please send me url to your page.

**GK User** Fri Jan 04, 2013 1:09 pm Reply with quote Report this post

This is url: http://evolbiznew.studia-kaleydoskop.ru/2013-01-03-11-18-01/podgotovka-k-sertifikatsii-na-iso-9001-i-podderghka-sertifikata-iso-9001.html

**Konrad M** Fri Jan 04, 2013 1:19 pm Reply with quote Report this post

Please just in case change your category template from yours to one we are using and see if suffix will show up.

**GK User** Fri Jan 04, 2013 3:34 pm Reply with quote Report this post

I changed item's category from my to "Business" (demo category). But item's header is the same. You may see it.

Konrad M, I didn't understand you about "and see if suffix will show up"? Where suffix will show up?

**GK User** Sat Jan 05, 2013 4:12 pm Reply with quote Report this post

Konrad M, URL of page was changed. Now URL is: http://evolbiznew.studia-kaleydoskop.ru/deyatelnost/podgotovka-k-sertifikatsii-na-iso-9001-i-podderghka-sertifikata-iso-9001.html

**Konrad M** Mon Jan 07, 2013 11:12 am Reply with quote Report this post

Suffix should be added to <body> tag. Please send me PM with access to your ftp and backend.

**GK User** Sat Jan 19, 2013 8:38 pm Reply with quote Report this post

Konrad M, are you alive?

I sent you PMs, but I didn't receive reply

**Konrad M** Sat Jan 19, 2013 10:35 pm Reply with quote Report this post

@Taka, can you send me files you edited on [email protected] ?