Width of slide show, picture's rotations, remove colors

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 Jun 09, 2014 9:53 am
Reply with quote
Report this post
Good afternoon,
Tell me, please:

- Where you can adjust the width of the slide show? Once installed, it takes all the available space.
http://fotki.yandex.ru/users/annchoysina/view/797273

- Where you can adjust the rotation of pictures on the first page - best sellers and blog - i want to "switch it off"?

- Where it is possible to remove the choice of colors, which is at the bottom of the page?
User avatar
Fresh Boarder

GK User
Mon Jun 09, 2014 11:32 am
Reply with quote
Report this post
Could you please post an url to your site?
User avatar
Moderator

GK User
Fri Jun 13, 2014 4:40 pm
Reply with quote
Report this post
Cyberek wrote:Could you please post an url to your site?


hello,
the url is -
http://www.wintertag.ru/
User avatar
Fresh Boarder

GK User
Sat Jun 14, 2014 11:54 am
Reply with quote
Report this post
:) i understand "how to do" for all my questions, except this one:

- Where you can adjust the rotation of pictures on the first page - best sellers and blog - i want to "switch it off"?
User avatar
Fresh Boarder

GK User
Sat Jun 14, 2014 8:40 pm
Reply with quote
Report this post
sorry, but now i have some more questions:

- how to remove empty areas on the main page?
http://fotki.yandex.ru/users/annchoysina/view/798081

- how how to make a two-column output articles in the blog?
i choose 2 number of columns in menu item, but see only 1 column.
http://fotki.yandex.ru/users/annchoysina/view/798082
User avatar
Fresh Boarder

GK User
Mon Jun 16, 2014 6:12 pm
Reply with quote
Report this post
1. The site is responsive but you can set limit of its width in template settings. Currently it is set to 1280px.Please modify it so it suits your needs.
2. Please edit: /templates/gk_instyle/css/override.css and add at its end:
Code: Select all
opacity: .65;
filter: alpha(opacity=65);
-webkit-transform: scale(1.2) rotateZ(0);
-moz-transform: scale(1.2) rotateZ(0);
-ms-transform: scale(1.2) rotateZ(0);
-o-transform: scale(1.2) rotateZ(0);
transform: scale(1.2) rotateZ(0);
}

Above code will remove rotating but keep zooming and opacity change. If you would like remove oacity change - just change .65 to 1 and 65 to 100.
If you would like to remove zoom, modify each 1.2 to 1

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Mon Jun 16, 2014 6:12 pm
Reply with quote
Report this post
3. To remove style switcher (colour choice) - disable style switcher in template settings.
User avatar
Moderator

GK User
Mon Jun 16, 2014 6:13 pm
Reply with quote
Report this post
4. To reduce spacing, add this code to override.css:
Code: Select all
#gkBottom3 {margin: 10px 0;}
User avatar
Moderator

GK User
Mon Jun 16, 2014 6:14 pm
Reply with quote
Report this post
5. Could you please post an url to your site, to exact place where 2 columns are set?
User avatar
Moderator

GK User
Mon Jun 16, 2014 8:36 pm
Reply with quote
Report this post
i switch on "CSS override" and add into override.css your code, but nothing has changed.

i add this:

#gkBottom3 {margin: 10px 10px;}

opacity: .65;
filter: alpha(opacity=65);
-webkit-transform: scale(1.2) rotateZ(0);
-moz-transform: scale(1.2) rotateZ(0);
-ms-transform: scale(1.2) rotateZ(0);
-o-transform: scale(1.2) rotateZ(0);
transform: scale(1.2) rotateZ(0);
}

And this is 2 columns:

http://www.wintertag.ru/index.php/blog
User avatar
Fresh Boarder

GK User
Tue Jun 17, 2014 2:15 pm
Reply with quote
Report this post
Sorry, my mistake, I have cutted part of the css code.
It should look this way:
Code: Select all
#gkBottom3 {margin: 10px 10px;}
.gkBanner:hover > a > img {
opacity: .65;
filter: alpha(opacity=65);
-webkit-transform: scale(1.2) rotateZ(0);
-moz-transform: scale(1.2) rotateZ(0);
-ms-transform: scale(1.2) rotateZ(0);
-o-transform: scale(1.2) rotateZ(0);
transform: scale(1.2) rotateZ(0);
}
User avatar
Moderator

GK User
Tue Jun 17, 2014 2:16 pm
Reply with quote
Report this post
And with the 2 columns - it looks like k2 doesn't render them correctly. Are you sure it is configured correctly? Where have you set those 2 columns (please describe it to me step by step).
User avatar
Moderator

GK User
Wed Jun 18, 2014 7:07 am
Reply with quote
Report this post
Thank you for code. The part ".gkBanner .... etc" works right.

But part - "#gkBottom3 {margin: 10px 10px;}" doesn't work.
only then i change file - small.desktop.css

as for 2 colums:

in k2 I create a category "Blog", and there I select 2 columns in paragraphs "Columns for leading materials", "Column for the primary output", then I create item menu - "Blog" (New materials from one or more users or categories) and select 2 columns - "Source content" and "Menu params"

and one more questions:
I connected font in the template gkInstyle: Lobster and Play, and this is all okey at home, but when i open the site at another place/computer - all fonts become Arial.
User avatar
Fresh Boarder


cron