CSS

[KyndFellow]

Can you tell me the CSS codes for these two areas?  I need to change the color the font in the first area of the BuddyPress forum, and the font size of the second area of the bbPress blog.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try by adding this to style.css of child theme 🙂

COPY CODE

input#bbp_search {
    color: black !important;
}
input#bbp_search_submit {
    color: black !important;
}

For comments it’s

COPY CODE

textarea#comment {
    font-size: 18px !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[KyndFellow]

Thank you for previous CSS

Can you tell me the text size CSS of the main comment in bbPress, which says “I cant wait” in my screenshot?

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, here 🙂

COPY CODE

.bbp-reply-content p {
    font-size: 18px !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[KyndFellow]

Whats the CSS for the main body of forums in my screenshot? I want to increase line-height of text.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, here 🙂

COPY CODE

.bbp-reply-content p {
    line-height: 1 !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[KyndFellow]

Thank you, Laura. Whats the CSS for the body text editor of the “Self Summary” and “Looking For” areas in my screen shots?

Attachments:

You must be logged in to view attached files.

[KyndFellow]

What’s the CSS of the text below the imaged on the bbPress index? I want to increase line hight of this text. See my screen shots

Attachments:

You must be logged in to view attached files.

[Laura]

Hello 🙂
Text area

COPY CODE

textarea {
    font-size: 20px !important;
}

Article content paragraph (below image too)

COPY CODE

.article-content p {
    font-size: 18px !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[KyndFellow]

Can you give me the CSS to remove the date/time under the titles that appear at the top of the pages on the blog. I want to remove the ” October 16, 2017″ link for example in this screenshot

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, here 🙂

.article-meta.clearfix {
display: none !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[KyndFellow]

I need the text font CSS for these bbPress input fields, please. See my screenshots.

Attachments:

You must be logged in to view attached files.

[KyndFellow]

Let me know if you need anymore info about this request. Have a good weekend 😉

[Laura]

Hello, here 🙂

COPY CODE

fieldset.bbp-form legend {
    font-size: 18px !important;
}

For the text area i already gave you the code before 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[KyndFellow]

Thank you. What’s the CSS to underline hyperlinks on bbPress messages?

I think I need to edit this part:

#bbpress-forums textarea
{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px !important;
}

[Laura]

Hello, try with

COPY CODE

.bbp-reply-content a {
    text-decoration: underline !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[KyndFellow]

Can you give me CSS to delete all the text above the photos that Ive marked in these screehshots — from BuddtPress galleries?

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, i do not see it, did you fix it?

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[KyndFellow]

Yes. Fixed it. I decided not to use gallories. Thanks

[KyndFellow]

I’m having a problem on the Chrome browser with the BuddyPress kleo-carousel. The carsousel gets cropped on the first visit, but shows on later visits. This happen on Chrome browser but not other. Im using this CSS code to try to fix it:

—————————————
@media only screen and (max-width: 940px) {
.kleo-carousel {
height: 150px !important;
}
}
—————————————-

Can you give me a CSS that works on the first visit with Chrome too?

Ill send you a picture of the problem.

Attachments:

You must be logged in to view attached files.

[KyndFellow]

What’s the CSS to remove the titles beneath tHe cover images of kleo-carousel? For example,in this screenshot remove the titles “A Good Story”, “Dancing a Dream”, and “Living with NF2”.

Attachments:

You must be logged in to view attached files.

[KyndFellow]

Nevermind, with the previous question regarding the problem pertianing to Chrome brower alonw. The problem is occuring on other browsers too.

Is there way to edit the kleo-carousel. So I can test if the problem stops if configured differently?

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, seems to be a css issue at the first load, but this depends also if you have a cache plugin, as it may minify css or cache it at the first visit

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[KyndFellow]

This doesn’t happen on the sweetdate demos, even if its cache. It happens on other browsers and my other 3 computers I’m testing. Ok, if its CSS, can you please give me other CCS to use?

This the CSS Im using:

nav.top-bar ul#menu-head li a { font-size: 16px; color:#ffffff; } /*Hover bg*/ nav.top-bar ul#menu-head li a:hover {background-color:#0895bf !important;} /* END HOVER BG */ .top-bar ul > li.has-dropdown .dropdown li a {font-size:16px !important;}

#bbpress-forums textarea
{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px !important;
}

.bbp-topic-form input ,bbp-the-content-wrapper {
font-size: 15px !important;
}

textarea#bbp_topic_content {
font-size:16px !important;
}

#bbpress-forums ul li {font-size:18px;color:#000000 !important;}

.dropdown li a {
background: #1877A4 !important;
}

textarea#comment {
font-size: 16px !important;
}

.bbp-reply-content p {
font-size: 16px !important;
}

div#comments {
display: none !important;
}

hr
{
background-color: gray;
border: 0 none;
color: gray;
height: 1px;
}

ul.feature-stories p:nth-child(3) {
display: none !important;
}
ul.feature-stories p:nth-child(4) {
display: none !important;
}

ul.link-list li:nth-child(4) {
display: none !important;
}
ul.link-list li:nth-child(2) {
display: none !important;
}

.article-content span {
font-size: 16px !important;
font-family: tahoma !important;
line-height: 150%;
}

.bbp-reply-content p {
line-height: 150% !important;
}

textarea {
font-size: 16px !important;
line-height: 150% !important;
}
.article-content p {
font-size: 16px !important;
line-height: 150% !important;
}

#qt_bbp_topic_content_code.button ,#qt_bbp_topic_content_close.button ,
#qt_bbp_topic_content_li.button , #qt_bbp_topic_content_ol.button ,
#qt_bbp_topic_content_strong.button , #qt_bbp_topic_content_em.button ,
#qt_bbp_topic_content_block.button , #qt_bbp_topic_content_del.button ,
#qt_bbp_topic_content_ul.button,
#qt_bbp_reply_content_code.button ,#qt_bbp_reply_content_close.button ,
#qt_bbp_reply_content_li.button , #qt_bbp_reply_content_ol.button ,
#qt_bbp_reply_content_strong.button , #qt_bbp_reply_content_em.button ,
#qt_bbp_reply_content_block.button , #qt_bbp_reply_content_del.button ,
#qt_bbp_reply_content_ul.button
{
display:none;
}

input#qt_bbp_reply_content_sofbg-axcell {display: none !important;}

input#qt_field_212_sofbg-axcell {display: none !important;}
input#qt_field_212_close {display: none !important;}
input#qt_field_212_more {display: none !important;}
input#qt_field_212_code {display: none !important;}
input#qt_field_212_li {display: none !important;}
input#qt_field_212_ol {display: none !important;}
input#qt_field_212_ul {display: none !important;}
input#qt_field_212_strong {display: none !important;}
input#qt_field_212_em {display: none !important;}
input#qt_field_212_block {display: none !important;}
input#qt_field_212_del {display: none !important;}
input#qt_field_212_ins {display: none !important;}

input#qt_field_213_sofbg-axcell {display: none !important;}
input#qt_field_213_close {display: none !important;}
input#qt_field_213_more {display: none !important;}
input#qt_field_213_code {display: none !important;}
input#qt_field_213_li {display: none !important;}
input#qt_field_213_ol {display: none !important;}
input#qt_field_213_ul {display: none !important;}
input#qt_field_213_strong {display: none !important;}
input#qt_field_213_em {display: none !important;}
input#qt_field_213_block {display: none !important;}
input#qt_field_213_del {display: none !important;}
input#qt_field_213_ins {display: none !important;}
input#qt_field_214_sofbg-axcell {display: none !important;}
input#qt_field_214_close {display: none !important;}
input#qt_field_214_more {display: none !important;}
input#qt_field_214_code {display: none !important;}
input#qt_field_214_li {display: none !important;}
input#qt_field_214_ol {display: none !important;}
input#qt_field_214_ul {display: none !important;}
input#qt_field_214_strong {display: none !important;}
input#qt_field_214_em {display: none !important;}
input#qt_field_214_block {display: none !important;}
input#qt_field_214_del {display: none !important;}
input#qt_field_214_ins {display: none !important;}

#qt_bbp_topic_content_sofbg-axcell {display: none !important;}

/*
* === REMOVE BLOG NAV LINKS ===
*/
.article-meta.clearfix {
display: none !important;
}

/*
* === STREAMLINE bbPress ===
*/
.bbp-template-notice.info {display: none !important;}

/*
* === LAYOUT PROBLEM ===
*/
@media only screen and (max-width: 940px) {
.kleo-carousel {
height: 150px !important;
}
}

/*
* === bbPress HYPERLINKS ===
*/
.bbp-reply-content a {
text-decoration: underline !important;
}

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[KyndFellow]

Nevermind. I made the area myself with HTML. Thanks

[Radu]

Hi,

Ok then

Good Day
Cheers
R.

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

What support service includes ? What not ?

[KyndFellow]

Can we do anything to remove these big empty spaces that appear on my tablet-computer? Is there a CSS code for tablets that can do this? All my other computers and cell phone dont have these empty spaces

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Just use this css

COPY CODE

@media only screen and (min-width:321px) and (max-width:768px) {
    .dl-horizontal dt {
        width: auto !important;
    }

    .dl-horizontal dd {
        margin-left: 75px;
    }

}

will look like this on tablet

The css will be added in wp-admin -> theme options -> Styling Options -> Quick css

Cheers
R.

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

What support service includes ? What not ?

[KyndFellow]

Thank you. that CSS worked well on tablet and PC. But do you know how to remove this new space along the side of My Summary, on cell phone now. I need the cell phone CSS, please. See my screen shot of the problem

Attachments:

You must be logged in to view attached files.

[KyndFellow]

What’s the CSS of the Friend and Message buttons on profiles? I want change font size and color of those buttons. see screenshot.

Attachments:

You must be logged in to view attached files.

[Radu]

For the profile tabs

COPY CODE

@media(max-width:480px) {
    .seven ul.tabs-content.custom .dl-horizontal dd {
        margin-left:0px;
    }

}

For the buttons add friend and sent message

COPY CODE

div#friendship-button- {background:red;}
div#friendship-button- a {color:yellow !important;}

div#send-private-message {background:green;}
div#send-private-message a {color:red !important;}

Cheers
R.

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

What support service includes ? What not ?

[KyndFellow]

div#friendship-button- {background:red;}
div#friendship-button- a {color:yellow !important;}

div#send-private-message {background:green;}
div#send-private-message a {color:red !important;}

________________________________________________________

The CSS codes you gave me works very well in tablets and cell phones. But “div#send-private-message” is not effective on PC/Mac

Can you please give CSS for “div#send-private-message”, which is effective on PC / Mac

See screenshot taken on my PC

Attachments:

You must be logged in to view attached files.

[KyndFellow]

I was wrong. “div#send-private-message” is not effective on all devices, not just cell phones.

But the problem is that the CSS is effective while logged out, and not effective while logged in.

So I need CSS for “div#send-private-message” that is effective while logged in, please.

[Radu]

REplace with this

COPY CODE

.friendship-button .pending_friend, .friendship-button {
    background: red !important;
}

a.send-message {
    background: green !important;
}

Anyway the sent message and add friend i think are not displayed when view as guest, cuz the buttons are related only for logged in users.

Cheers
R.

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

What support service includes ? What not ?

[KyndFellow]

What’s the CSS for the area in my screen shots, and to remove the “forum” link in there? I want to enlarge it’s font too

Attachments:

You must be logged in to view attached files.

[KyndFellow]

I want to enlarge this other font too

Attachments:

You must be logged in to view attached files.

[KyndFellow]

What is the CSS of these areas is the Private Message screen? I want to enlarge their text.

Attachments:

You must be logged in to view attached files.

[Radu]

Forums tab can be hidden using this css

COPY CODE

#buddypress li#forums-personal-li {
    display: none !important;
}

For the messages tab

COPY CODE

.messages div#item-body .messages * {
    font-size: 20px !important;
}

.messages div#item-body .messages * {
    font-size:19px !important;
}

Cheers
R.

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

What support service includes ? What not ?

[KyndFellow]

Thank you. But this CSS is still effective for the “Compose” tab, which is also the screen the pops up when you click the “Private Message” button.

Specifically I want to enlarge the font size in the “Subject” form on this “Compose” page. I also want to enlarge the phrase “Send To (Username or Friend’s Name)” and words “subject” and “message”.

I will send screenshots of these, and the tabs your CSS did work on (Notices, Sent, Inbox).

Attachments:

You must be logged in to view attached files.

[Author]

Posts