I have forums and subforums with icons next to them and I don't want the font to be so big that it makes the forum and subforum titles look out of place to try to match up with the icons. I'm using CSS and below is the variable I'm working to change for the forum title; subforum title will be similar in method once I get this sorted out.
/* Forum Channel Size and Location Modifications */
.forum-list-container .forum-item .cell-forum .forum-title {
font-size: 20px;
font: bold;
margin-left: 50px;
}
but I have not found a way that vertically centers the forum title to better match the logo. I've tried top, bottom, margin-top, vertical-align, align-items trying to figure out ways to make it work but nothing has so far. The subforums have bigger fonts to show the difference in what it would have to be to match the icon but I want the text to vertically center along with the icon but be smaller so it's easier to read.
Any thoughts?
/* Forum Channel Size and Location Modifications */
.forum-list-container .forum-item .cell-forum .forum-title {
font-size: 20px;
font: bold;
margin-left: 50px;
}
but I have not found a way that vertically centers the forum title to better match the logo. I've tried top, bottom, margin-top, vertical-align, align-items trying to figure out ways to make it work but nothing has so far. The subforums have bigger fonts to show the difference in what it would have to be to match the icon but I want the text to vertically center along with the icon but be smaller so it's easier to read.
Any thoughts?
Comment