How to straighten the diagonal lines?

Premium BuddyPress WordPress theme perfect for venue, music brand or community music website.
GK User
Wed Jan 08, 2014 1:19 pm
Hi, I would prefer to have straight horizontal instead of those diagonal ones. Can I costumize that or do I need to modify the photoshop source files?

Bests,
- Mathis
User avatar
Expert Boarder

GK User
Wed Jan 08, 2014 1:43 pm
Could You please post an url to your site?
We can do it with use of override.css. Accessing live site will help prepare correct overrides.
User avatar
Moderator

GK User
Wed Jan 08, 2014 1:48 pm
That would be great!
I'm still at the beginning of constructing it:
mathis-nitschke.com/wp

While we're at it: any idea why suddenly the posts are not shown anymore (page not found on each and every post)?
http://mathis-nitschke.com/wp/jetzt/

Bests,
- mathis
User avatar
Expert Boarder

GK User
Wed Jan 08, 2014 1:51 pm
Curious, that one works:
http://mathis-nitschke.com/wp/kleiner-mann-was-nun/

I'm at a loss...
User avatar
Expert Boarder

GK User
Wed Jan 08, 2014 6:43 pm
Please edit: wp-content/themes/MusicState/css/override.css
Code: Select all
#gk-bottom-section:before, .frontpage #gk-dark-bottom:after, .frontpage #gk-dark-bottom:before {
-webkit-transform: skewY(0deg);
-moz-transform: skewY(0deg);
-ms-transform: skewY(0deg);
-o-transform: skewY(0deg);
transform: skewY(0deg);
}

Remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).

With the articles - you have probably changed something in the configuration, moved articles or removed them. I can't help you much as I don't know what you did.
User avatar
Moderator

GK User
Wed Jan 08, 2014 8:02 pm
Hi, yes, thank you, this seems to work! (see mathis-nitschke.com/wp)

How can I move the edges/borders top or down?

bests,
- Mathis
User avatar
Expert Boarder

GK User
Thu Jan 09, 2014 9:30 am
Could you create a screenshot and mark which elements you would like to move and how?
User avatar
Moderator

GK User
Thu Jan 09, 2014 9:58 am
dzień dobry! screenshot attached.
User avatar
Expert Boarder

GK User
Fri Jan 10, 2014 4:24 pm
add this to override.css:
Code: Select all
.frontpage #gk-dark-bottom:after {height: 200px}


Modify 200px value to your needs.
User avatar
Moderator

GK User
Fri Jan 10, 2014 4:24 pm
thanks!
User avatar
Expert Boarder

GK User
Fri Jan 10, 2014 4:35 pm
If You will have any other questions, feel free to post new forum threads :)
User avatar
Moderator

GK User
Fri Jan 27, 2017 4:16 pm
Hi, since the recent 4.7.2 update the diagonal lines re-appeared, but only on smartphone resolution. Tablet and desktop seem to be fine. Any idea where to fix it and how?

http://mathis-nitschke.com/wp/en/

Bests,
- Mathis
User avatar
Expert Boarder

GK User
Fri Jan 27, 2017 5:31 pm
... seems to be cache related ...
User avatar
Expert Boarder

GK User
Sun Jan 29, 2017 11:44 am
fixed by disabling css minifying. Which is a pity of course. Any idea why it worked before 4.7.2?
User avatar
Expert Boarder

Joshua M
Mon Jan 30, 2017 8:58 am
Hi,
Could you enable your css minifying? Then I'll be able to check the issue.
User avatar
Moderator

GK User
Mon Jan 30, 2017 9:14 am
OK, thanks already! I re-enabled css minification and with it the diagonal lines in smartphone mode.
User avatar
Expert Boarder

Joshua M
Mon Jan 30, 2017 9:26 am
Try to change your custom css code into:
Code: Select all
body #gk-bottom-section:before, body.frontpage #gk-dark-bottom:after, body.frontpage #gk-dark-bottom:before {
    -webkit-transform: skewY(0deg);
    -moz-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    -o-transform: skewY(0deg);
    transform: skewY(0deg);
}
User avatar
Moderator

GK User
Mon Jan 30, 2017 10:06 am
Hey, thanks, that worked. :)
User avatar
Expert Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.