MusicState Slanted Modules Design

Rate this topic: Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.3.50 out of 6 based on 2 vote(s)
GK User
Fri Jul 03, 2015 12:01 am
Reply with quote
Report this post
Hi Gavick

Is there an easy way to switch out all the slanted module designs to horizontal ones? Is this a CCS, JS, or simply images?

Thanks
User avatar
Junior Boarder

GK User
Sat Jul 04, 2015 8:28 am
Reply with quote
Report this post
Hi,
"Gavick" is our boss, but he do not answer on forum.
For those task he has it's own army of Minions.
---
slanted module designs to horizontal ones

I think you thought about oblique background bg.
Sure, start from those customizations:
.frontpage #gkDarkBottom::after, .frontpage #gkDarkBottom::before,
.frontpage #gkBottom3::after, .frontpage #gkBottom3::before {
transform: skewY(0deg);
}


Where, here: https://www.gavick.com/documentation/jo ... mplate-css
User avatar
Platinum Boarder

GK User
Sun Jul 05, 2015 12:48 am
Reply with quote
Report this post
Hi Minion

Thank You for your help. I use to have a human size purple minion but my wife donated it.

In the K2 articles, can the social icons at the bottom of the page also show up right under the written by, published, print and email icons? So there will be 2 places people can like or share my articles at the top and bottom of the page.
User avatar
Junior Boarder

GK User
Sun Jul 05, 2015 12:51 am
Reply with quote
Report this post
I guess yes,
but you have to add extra copied-cloned code also here,
just edit
gk_musicstate\html\com_k2\templates\default\item.php
User avatar
Platinum Boarder

GK User
Thu Jul 09, 2015 6:30 am
Reply with quote
Report this post
Hi Minion

Back to the slanted modules questions, the css you provided did not work for the footer module all the way at the bottom. Could you please provide the CSS overide for that as well.

.frontpage #gkDarkBottom::after, .frontpage #gkDarkBottom::before,
.frontpage #gkBottom3::after, .frontpage #gkBottom3::before {
transform: skewY(0deg);
}

Thank You.
User avatar
Junior Boarder

GK User
Thu Jul 09, 2015 11:26 pm
Reply with quote
Report this post
If I had forgotten about footer so sorry, of course there is not real section called "footer" but there is very low bottom,
any way, please use:
#gkBottomSection::before {
transform: skewY(0deg) !important;
}
User avatar
Platinum Boarder

GK User
Fri Jul 10, 2015 4:48 am
Reply with quote
Report this post
Thanks Minion, it works!

Another side question, for the Sidebar position modules how do I remove the border that is wrapped around it. Any picture and text I have in the sidebar module shows that gray border. I would like to remove it.

After I remove the border, if I have an image let's say 300 x 600 will the sidebar module show the actual size of 300 width and not get shrunk?
User avatar
Junior Boarder

GK User
Fri Jul 10, 2015 6:23 am
Reply with quote
Report this post
2nd question is how do I remove all the blank space and images for the home page if I only have gkmainbody and a "bottom5" module?
User avatar
Junior Boarder

GK User
Fri Jul 10, 2015 2:06 pm
Reply with quote
Report this post
Funny answer - adding a bg color
Real answer - by reducing a paddings and maybe also margins between them.

ID's of section you know, so now the easy part.
User avatar
Platinum Boarder

GK User
Tue Jul 14, 2015 6:42 am
Reply with quote
Report this post
Hi Minion

In the Music State template have 2 questions.

1. For the Sidebar, how do I remove the class="box" css so that anything I place into sidebar fits into the max size of the <aside id="gkSidebar" class="gkOnlyOne">.

2. How do you set the gkSidebar to maximum width and height 300 x 600?

Thanks.
User avatar
Junior Boarder

GK User
Sun Jul 19, 2015 9:41 pm
Reply with quote
Report this post
2. How do you set the gkSidebar to maximum width and height 300 x 600?

Like always, using CSS, for example:
aside#gkSidebar {
max-height: 600px;
max-width: 300px;
overflow: hidden;
}


But first set proper width in template settings, using % - it will take few moments more but it's possible to get 300px with using percents.
User avatar
Platinum Boarder


cron