profile page – orders

[MeesterGijs]

Hello, Is there a way to change the styling of the bp orders page in th eprofile page? Is not well organized. Looks like it doens't fit. Perhaps more like this? So how can I move the three upper elements more to the left. Make the yellow button wider so that it contains one line/row of text. Not 4. And sync the yellow button at the bottom so it's exactly underneath the yellow button above.. Gijs

[Diana]

@MeesterGijs, I can try these boxes using custom CSS if you will share the account credentials which you are using But changing the position of components is not possible

[MeesterGijs]

This reply has been marked as private.

[Jackson]

Hello @MeesterGijs, Dear friend as @Diana already mention that provide same user account details in which you face this issue but you provide me for another, Refer: https://prnt.sc/sntv15 Thanks,

[MeesterGijs]

Dear Jackson. You're right. I changed that. Have another look: https://imgur.com/a/G2VplZh But to see this you have to click the most current order, the one on top: https://imgur.com/a/GDYmhRM

[Anshuman Sahu]

please try adding this custom css : h2+.shop_table.order_details td, h2+.shop_table.order_details th{ width:20%; }    

[MeesterGijs]

Dear Alex, I don't see the difference. I went incognito and cleared cache. What am I doing wrong? Is this code for custom css?

[Jackson]

Hello, Yea this is a custom css code, Thanks,

[MeesterGijs]

Is this the correct bit of code? h2+.shop_table.order_details

[Jackson]

Hello, As i test this page on your website and implement code given by @alex, You are right there is nothing change but can you describe me excatly what you want to customize at this page, Refer: https://prnt.sc/stpc4r And if i am not getting point then please also describe this code for what, after that i am checking and tell you that it is working or not, Thanks,

[MeesterGijs]

You're almost there. Now click the yellow button BEKIJKEN and it's this page.

[Jackson]

Hello, But the code given by @alex working fine and to move left with tab use this code also: .my-account.shop.betaling.buddypress.bp-legacy.bbp-user-page #content .container .col-md-12 { right:90px !important; } Refer: https://prnt.sc/stqu2h Thanks,

[MeesterGijs]

Yes, a lot better. Thanks, Jackson. Again, you knocked it out the parc. One question. How can I align everything. See this image. On the left is what I have now, on the right is what I would wish for.. Please help, Gijs

[Jackson]

Hello, MeesterGijs, I think now its look better but I can not suggest you to use more custom css because of you already use many custom css code so i suggest you that now it is better , Thanks,

[MeesterGijs]

I totally understand. I often make changes that have a personal styling motivation. But these is very logical. Why would you want it to look so messy?

[Author]

Posts