CSS

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

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

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

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.

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?

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;
}

Nevermind. I made the area myself with HTML. Thanks

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

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

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.

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

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

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).