Adding border around post update container.

[ThrewTheNevR]

Good day,

I have been dealing with issues trying to apply css to kleo-child.css as it seems buddypress maybe conflicting with the css?

This is what i done so far.

 

I have placed the following code in kleo-child.css

.activity form#whats-new-form {

border-width: 5px;

border-style: solid;

border-color: #82E0AA;

}

 

It suppose to add a visible border around the post update container and it’s surrounding counterparts.

Yet nothing shows.

Any idea if kleo theme is conflicting?

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

I can see the CSS is posted via the front-end correctly in the KLEO Child theme’s style.css file, but I am unable to check if this is rendering correctly on the front-end without being logged in.

Can you therefore please update this ticket, in a private reply, with login credentials for your site so I can check this out.

Thanks,

Kieran

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[ThrewTheNevR]

This reply has been set as private.

[Kieran_SQ]

Hi,

Please try removing the CSS you have for styling this section and replace with the below CSS

COPY CODE

form#whats-new-form {
    border-style: solid;
    border-color: #82E0AA;
    border-width: 5px;
    padding: 10px 15px;
}

I added a little padding to the top/bottom (10px) and left/right (15px) as the border sat directly on the elements, if you do not wish to have the padding you can simply delete that line from the snippet above.

Thanks,

Kieran

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

Attachments:

You must be logged in to view attached files.

[ThrewTheNevR]

I very much appreciate the help.I actually tried using that code yesterday and oddly enough it didn’t work.

However I have placed your version in kleos child themes style.css and it didn’t work.
This time I just took your code provided and applied it to my all pages>activity page And placed it in pages add css setting.

So strange it don’t work via file manager.

[ThrewTheNevR]

I forgot to mention it worked when I placed in the pages css setting.

[Kieran_SQ]

Hi,

I just double checked your style.css from the front-end and I can see you have removed all of the CSS from there. I spotted that you have an opening comment that is not closed after the ‘Please add your custom CSS’ message – if this was there prior to removing the CSS then that would stop any CSS taking effect – try removing the comment

Currently

COPY CODE

/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/

/*

Replace with

COPY CODE

/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/

Also please update to KLEO 4.3.4 as there is a fix for the activity title bug that is present on your site https://archived.seventhqueen.com/kleo/article/changelog

All the best,

Kieran

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[ThrewTheNevR]

Kieran_SQ you are absolutely amazing.

No idea how I overlooked that comment from before.

I must of left it there from previous css I was doing the other day.

And thanks for the advice.

[Kieran_SQ]

No worries, we’re here to help 🙂 Feel free to open a new ticket any time with any other questions and we’ll be happy to assist.

Also, if you haven’t already done so, please consider leaving the support received / KLEO a review on ThemeForest. Every review really does help.

https://themeforest.net/item/kleo-pro-community-focused-multipurpose-buddypress-theme/reviews/6776630

All the best,

Kieran

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts