Css override needed to remove Breadcrumb & banner boarders

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
Sat Jan 04, 2014 1:37 am
Reply with quote
Report this post
Hello,

Can you please supply the override code to remove the grey line boarders for breadcrumb and banner module positions.
I cant seem to get the module suffix ' clear' to work.

kind regards
Drew
User avatar
Gold Boarder

GK User
Sat Jan 04, 2014 9:49 am
Reply with quote
Report this post
Hi,
clear suffix is for another use, not in this case of border.
This top line was from #gkContentWrap

Use this
Code: Select all
#gkContentWrap > section:first-child {  border-top: 0px; }


If you don't know how to use custom CSS - please read this manual: http://www.gavick.com/documentation/joo ... -template/
User avatar
Platinum Boarder

GK User
Sun Jan 05, 2014 12:02 am
Reply with quote
Report this post
Thanks.
That manual is really helpful - I'm learning a lot :D

regards
D
User avatar
Gold Boarder

GK User
Sun Jan 19, 2014 8:10 pm
Reply with quote
Report this post
How do I remove the border line for all modules? The above code works well and removes the top border line, but I still have those border lines in the footer module, side modules and below content.

Does anyone know how I remove all borders using css override?

Many thanks in advance
User avatar
Fresh Boarder

GK User
Sun Jan 19, 2014 8:27 pm
Reply with quote
Report this post
Okey, so use this:

Code: Select all
#gkInset .box, #gkSidebar .box {
    border-top: 0;
    margin: 0 0 20px;
}

and
Code: Select all
#gkMainbody + #gkMainbodyBottom {
    border-top: 0;
    margin-top: 25px;
}
User avatar
Platinum Boarder


cron