- This topic has 13 replies, 2 voices, and was last updated 4 years, 5 months ago by
Tom.
-
AuthorPosts
-
September 8, 2016 at 10:07 am #224999
Nico
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 #225012Tom
Lead DeveloperLead DeveloperHi there,
I’m not too sure what you mean – I’m not seeing any green fields on that page?
Let me know ๐
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 9, 2016 at 1:50 am #225171September 9, 2016 at 9:55 am #225257Tom
Lead DeveloperLead DeveloperStill not seeing any green? Can you show me a screenshot maybe?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 9, 2016 at 10:57 am #225273Nico
If create an account, you see the pages with the green field.
I’ll also send you a screenshotSeptember 9, 2016 at 11:17 pm #225352Tom
Lead 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 ๐
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 10, 2016 at 1:21 am #225386Nico
thanks.
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 #225392Nico
I 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 #225393Nico
Did you create the class: woocommerce-MyAccount-navigation, or did the people at woocommerce create it?
September 10, 2016 at 11:05 pm #225518Tom
Lead 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.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 11, 2016 at 3:08 am #225543Nico
Okรฉ and thanks.
Let’s close this topic.September 11, 2016 at 8:41 am #225581Tom
Lead DeveloperLead DeveloperNo problem – let me know if they can’t help you.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 12, 2016 at 1:21 am #225709Nico
Hi 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 #225840Tom
Lead DeveloperLead DeveloperAwesome ๐
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.