Styling issues

[Mj]

During the development of our website, I came across a few styling issues. I will not them in this topic.

#1: Search box messages
The search box for BuddyPress private messaging is not well-styled. Please check this screenshot: http://prntscr.com/46hnz9

#2: Recipients box
After pressing the ‘private message’ button on a BuddyPress profile, the username will be included in the message composing window. The field to enter more recipients will become ugly.
http://prntscr.com/46hoft

More to come…

[Mj]

#3: Cart adding notification
Once a product has added to your shopping cart on Woocommerce product page, the margin/padding is not equal on top and bottom side. Screenshot: http://cl.ly/image/3O3Z0e1I3R1g

[Mj]

Any updates regarding those styling issues?

[Abe]

Hi, This topic somehow skipped our queue

For #1 add this to your child theme style.css file until 1.6.3 update

COPY CODE

#buddypress div.message-search input[type=text] {
    padding: 0;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

For #2

COPY CODE

#buddypress ul.acfb-holder li.friend-tab {
    padding: 6px 7px;
}
#buddypress li.friend-tab:nth-child(2) img.avatar {
    margin-right: 6px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

For #3 please wait for 1.6.3 update coming today since we have changed some woocommerce css. It should look like the attached image

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

Attachments:

You must be logged in to view attached files.

[Abe]

Thanks for pointing this out.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Mj]

You’re welcome and thank you for the fixes. I will keep using this thread to report styling issues.
When can we expect the next version of KLEO?

[Schumy]

Thank you for making this thread.

I have something…

terms and conditions checkbox is too close to add to cart button.
(screenshot)

Attachments:

You must be logged in to view attached files.

[Mj]

#4: TinyMCE BBPress
This issue is related to the TinyMCE editor for BBPress. This editor has been enabled through the functions.php (link).

The modal popups to add a link is not styled: screenshot.

[Abe]

@Majestic that comes from that plugin TinyMCE BBPress and if you need some custom styling you need to apply it on your own

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Until next update, for the terms styling please add this CSS

COPY CODE

.woocommerce .form-row.terms .checkbox {
    padding: 0;
}
.woocommerce #payment .terms, .woocommerce-page #payment .terms {
    margin: 0;
    padding: 0;
    text-align: left;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Mj]

Okay thanks!

Next styling issue: http://cl.ly/image/13203Q1E2x2e

This issue is related to the cart of WooCommerce (and shipping method enabled).

[Abe]

will take a look at that and let you know

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Mj]

@Abe, any updates regarding this issue?

[taubinator]

I need help finding where to change the font size for the headings of the forum. Please see attached file.

Thanks!

Attachments:

You must be logged in to view attached files.

[taubinator]

ooops … here is the file I meant to upload. More specific.

Attachments:

You must be logged in to view attached files.

[Mj]

Hello Taubinator,

Please create your own thread regarding your questions next time, thank you! 🙂
But, I do like to help you out with your questions: the following list .css classes are used to determine the font-size:

bbp-topic-title
bbp-topic-voice-count
bbp-topic-reply-count
bbp-topic-freshness

You can set the font-size for each class by using the child theme css.

[taubinator]

Thank you Majestic … worked great!

[Abe]

Majestic will let you know once I have an update

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Mj]

@Abe, any updates regarding this issue?

Another styling issue: https://www.dropbox.com/s/6c9gbtvtmhao071/Screenshot%202014-09-02%2019.06.28.png?dl=0

The ‘insufficient funds’ notification doesn’t have enough margin on both sides.

[Abe]

@woekerzee What do you mean it does not have enough margin? When is this message generated?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Mj]

@Abe, this notification is generated once a user does not have enough credits on his account (with the myCRED) plugin enabled.

[Author]

Posts