
-
AuthorPosts
-
May 23, 2015 at 3:46 pm #449061
Hi,
I am a big fan of the Enfold theme.
After implementation, there was only one thing I could not resolve myself.
I have a customer backoffice area where the customers can see there products and invoices.
They have to login in WordPress (woocommerce my account).
After login, you can click the ‘mijn producten’ in the menu above.
An overview of the products appears, but the footer hides alle the contents of the products page.
Is there a way to show the contents? (css, …)Many thanks
BartMay 24, 2015 at 5:39 am #449184Hey Bart!
I see your problem, could you try to disable all plugins except WooCommerce to see if one of them is causing a conflict?
Best regards,
RikardMay 26, 2015 at 8:13 pm #450290Hi Rikard
I disabled all the plugins (except Woocommerce), but no solution.
Everything stays the same.Best regards,
BartMay 26, 2015 at 8:23 pm #450291Hey!
Can you please update Enfold to the latest version 3.1.5 – kriesi.at/documentation/enfold/updating-your-theme-files/
Regards,
YigitMay 26, 2015 at 9:14 pm #450320Hi Yigit
The update to version 1.5 did not solve the issue.
I have to mention that I’ve put some extra php in the custom.css file in order to create the menu bar of the my-admin page (klantenzone).
When I delete the code, the footer remains ok, but then I do not have the my-admin menu and all the my-admin info is on one page.
In my previous theme, the code did not cause any trouble.Here is the code (at the end of the custom.css file:
/*— tabs woocommerce my-account —*/.tabs {
width: 100%;
float: none;
list-style: none;
position: relative;
padding: 0;
margin: 75px auto;
}
.tabs li{
float: left;
}
.tabs label {
display: block;
padding: 10px 20px;
border-radius: 2px 2px 0 0;
color: #2d5c88;
font-size: 18px;
font-weight: normal;
background: rgba(255,255,255,0.2);
cursor: pointer;
position: relative;
top: 3px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tabs label:hover {
background: rgba(255,255,255,0.5);
top: 0;
}[id^=tab]:checked + label {
background: #2d5c88;
color: white;
top: 0;
}[id^=tab]:checked ~ [id^=tab-content] {
display: block;
}
.tab-content{
z-index: 2;
display: none;
text-align: left;
width: 100%;
line-height: 140%;
padding-top: 10px;
padding: 15px;
position: absolute;
top: 53px;
left: 0;
box-sizing: border-box;
-webkit-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
animation-duration: 0.5s;
}.tabs { margin: 0 auto; }
.tabs li > input[type=”radio”] { display: none; }
Can you please advise me further?
Thanks
BartMay 27, 2015 at 5:44 am #450417 -
AuthorPosts
- You must be logged in to reply to this topic.