- This topic has 13 replies, 2 voices, and was last updated 7 years, 7 months ago by Tom.
-
AuthorPosts
-
September 8, 2016 at 10:07 am #224999Nico
Hi Tom.
The next and hopefully last issue.
http://www.dewereldvergaat.nlI made a field within ‘Mijn account’ page green to be sure you spot the correct field.
I would like to make the left padding and/or margin about 10px.this is the not working code:
.woocommerce-MyAccount-navigation {
background-color: #65d66e;
margin:0px;
padding:0px;
}Any suggestions?
September 8, 2016 at 10:38 am #225012TomLead DeveloperLead DeveloperHi there,
I’m not too sure what you mean – I’m not seeing any green fields on that page?
Let me know 🙂
September 9, 2016 at 1:50 am #225171September 9, 2016 at 9:55 am #225257TomLead DeveloperLead DeveloperStill not seeing any green? Can you show me a screenshot maybe?
September 9, 2016 at 10:57 am #225273NicoIf create an account, you see the pages with the green field.
I’ll also send you a screenshotSeptember 9, 2016 at 11:17 pm #225352TomLead DeveloperLead DeveloperAh, you need to be logged in to view the green area.
You need to use the inspect element tool in your browser to find the right class and add the padding to it.
Right click on the element and select “Inspect” in Chrome. Then play around with some of the classes 🙂
September 10, 2016 at 1:21 am #225386Nicothanks.
I use plugin SiteOrigin CSS.
It shows the pages and while hovering it highlights the class area’s.
After clicking the area, on the left it is selected and you can change all you want. The plugin writes the CSS.I’ll send a screenshot.
till now i can not find the right class. But I keep trying.
September 10, 2016 at 2:35 am #225392NicoI did what you suggested. I looked at all the classes that are seen in right-click chrome. None of them does the trick. The class that is containing the ul and li is: .woocommerce-MyAccount-navigation, but also this one doesn’t give the result. Both the plugin SiteOrigin CSS and Chrome highlight this class. Clearly visible is the margin between the left of this class and the left of ul. So a simple padding-left should do the trick, but it doesn’t. Align-content and align-items doesn’t do it either.
Any suggestions?
Thanks.September 10, 2016 at 2:37 am #225393NicoDid you create the class: woocommerce-MyAccount-navigation, or did the people at woocommerce create it?
September 10, 2016 at 11:05 pm #225518TomLead DeveloperLead DeveloperIt must be WooCommerce or another WooCommerce related plugin you have installed.
I’m afraid I don’t really have a solution as I didn’t write the code for that section – you’ll have to ask the developers.
September 11, 2016 at 3:08 am #225543NicoOké and thanks.
Let’s close this topic.September 11, 2016 at 8:41 am #225581TomLead DeveloperLead DeveloperNo problem – let me know if they can’t help you.
September 12, 2016 at 1:21 am #225709NicoHi Tom.
I found this code to create a horizontal menu bar in my account pages.
This is fine for me. the contents of the my account pages can now use the whole width./* My account horizontal menu bar */
.woocommerce .woocommerce-MyAccount-navigation {
float: none;
width: 100%;
margin: 0 0 30px;
border-bottom: 1px solid rgba(0, 0, 0, .5);
}.woocommerce .woocommerce-MyAccount-navigation:before,
.woocommerce .woocommerce-MyAccount-navigation:after {
content: ” “;
display: table;
}.woocommerce .woocommerce-MyAccount-navigation:after {
clear: both;
}.woocommerce .woocommerce-MyAccount-navigation li {
float: left;
padding: 0 10px;
border: none;
border-left: 2px solid rgba(0,0,0,.5);
}.woocommerce .woocommerce-MyAccount-content {
float: none;
width: 100%;
margin: 0;
}September 12, 2016 at 8:30 am #225840TomLead DeveloperLead DeveloperAwesome 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.