Using text-transform and icons in topic column header

  • Resolved Chuckie

    (@ajtruckle)


    5 years, 4 months ago

    I know how I can set the text as uppercase:

    #bbpress-forums li.bbp-forum-topic-count, li.bbp-forum-reply-count, li.bbp-forum-freshness {
  color: #fff !important;
  font-weight: normal !important;
	/*text-transform: uppercase !important;*/
}

    My problem is that I only want to set the column headers as upper case and not all the other rows. I know I can override the actual text value but I would like to do it with CSS. Can we limit this transform to just that row?

    Also, related to this first row, in your own wordpress forum it is using two icons instead of text for Topics | Posts. How do we do that?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Chuckie

    (@ajtruckle)

    See:

    https://www.dropbox.com/s/8c3aazyin80ag2c/Headings-DoThisOne.jpg?dl=0

    I only want to transform those specific classes inside the bbp-header area and not same same classes in the bb-body.

    If this is not possible I will just change the static text to uppercase.

    Thread Starter Chuckie

    (@ajtruckle)

    I have found this (modified) style:

    /* Forum List */
#bbpress-forums .forum-titles .bbp-forum-topic-count::before {
	content: "\f307";
	font: 400 21px/1 dashicons;
}

#bbpress-forums .forum-titles .bbp-forum-reply-count::before {   content: "\f125"; 
	font: 400 21px/1 dashicons;
}

/* Forum Topic */
#bbpress-forums .forum-titles .bbp-topic-voice-count::before {
	content: "\f307";
	font: 400 21px/1 dashicons;
}

#bbpress-forums .forum-titles .bbp-topic-reply-count::before {   content: "\f125"; 
	font: 400 21px/1 dashicons;
}

/* Forum List and Forum Topic */
#bbpress-forums .forum-titles .bbp-forum-topic-count,
#bbpress-forums .forum-titles .bbp-forum-reply-count,
#bbpress-forums .forum-titles .bbp-topic-voice-count,
#bbpress-forums .forum-titles .bbp-topic-reply-count {
	overflow: hidden; 
	font-size: 0 !important;
	margin : 0!important;
}
    • This reply was modified 5 years, 4 months ago by Chuckie.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Using text-transform and icons in topic column header’ is closed to new replies.