Transparant footer & placeholder menu

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 Jul 07, 2014 12:24 pm
Reply with quote
Report this post
Hi,

I want my footer way more transparent, is this possible?

http://clique-pr.nl

Also the responsive menu (those 3 bars) is not on the right place, you can't see the bottom line. So I want to put this a little bit higher?
Image

tnx in advance!
User avatar
Expert Boarder

teitbite
Mon Jul 07, 2014 1:37 pm
Reply with quote
Report this post
Hi

Try with this code:

Code: Select all
#gkFooter {
    background: none repeat scroll 0 0 rgba(255, 0, 38, 0.7);
}


this should go to mobile.css:

Code: Select all
#gkMobileMenu {
    margin: 0 0 0 20px !important;
}

#aside-menu-toggler, #mobile-menu-toggler {
    margin-top: 0 !important;
}
User avatar
Moderator

GK User
Mon Jul 07, 2014 3:03 pm
Reply with quote
Report this post
Code: Select all
#gkFooter {
    background: none repeat scroll 0 0 rgba(255, 0, 38, 0.7);
}


wow tnx! this was exactly what I was looking for! :D

the mobile menu is still in the same position :|
Code: Select all
#gkMobileMenu {
    margin: 0 0 0 20px !important;
}

#aside-menu-toggler, #mobile-menu-toggler {
    margin-top: 0 !important;
}

so this isn't working (for me)
User avatar
Expert Boarder

GK User
Mon Jul 07, 2014 6:28 pm
Reply with quote
Report this post
and is it possible to have the 'read more' button also transparent?

http://clique-pr.nl/
User avatar
Expert Boarder

GK User
Mon Jul 07, 2014 6:39 pm
Reply with quote
Report this post
never mind, I think I did the trick with
Code: Select all
.button-big {
   background: none repeat scroll 0 0 rgba(255, 0, 38, 0.7);
}

.button-big:hover {
   background: none repeat scroll 0 0 rgba(4, 15, 47, 0.7);
}


in overide.css :)
User avatar
Expert Boarder

teitbite
Tue Jul 08, 2014 12:21 pm
Reply with quote
Report this post
Hi

Yes, that's the exact code I would have give You :)
User avatar
Moderator

GK User
Wed Jul 09, 2014 6:56 am
Reply with quote
Report this post
Can somebody look at this?

funkiej wrote:the mobile menu is still in the same position :|
Code: Select all
#gkMobileMenu {
    margin: 0 0 0 20px !important;
}

#aside-menu-toggler, #mobile-menu-toggler {
    margin-top: 0 !important;
}

so this isn't working (for me)


As mentioned before, this isn't working for me :(
User avatar
Expert Boarder

teitbite
Sat Jul 12, 2014 10:49 am
Reply with quote
Report this post
Hi

Try with adding a higher priority selector:

Code: Select all
#gkBg #gkMobileMenu {
    margin: 0 0 0 20px !important;
}

#gkBg #aside-menu-toggler,
#gkBg #mobile-menu-toggler {
    margin-top: 0 !important;
}
User avatar
Moderator

GK User
Sun Jul 13, 2014 6:18 pm
Reply with quote
Report this post
teitbite wrote:Hi

Try with adding a higher priority selector:

Code: Select all
#gkBg #gkMobileMenu {
    margin: 0 0 0 20px !important;
}

#gkBg #aside-menu-toggler,
#gkBg #mobile-menu-toggler {
    margin-top: 0 !important;
}

Tnx a lot m8! This totally helped me out! :D
User avatar
Expert Boarder


cron