News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Topic Description Slight Modifications

Started by njtweb, September 11, 2018, 09:31:48 AM

Previous topic - Next topic

njtweb

I tried the MOD discussion but apparently they don't know what to do, they're not answering.

I want to remove the thin white line separating the topic title and the topic description as well as increase the font size of the description and bold it. I used Chrome's inspector tool and was able to make the changes. Inspector says the changes need to be made to index.css. When I look for the elements to change in the code, they're not there in the index.css.

Any help is greatly appreciated. The image attached shows the arrow pointing to the line I want to remove and the rest I'd like to do speaks for itself.

Thank you for any help.

SychO

A link to your site, and what are the classes which you changed
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze

njtweb

Quote from: SychO on September 11, 2018, 10:33:47 AM
A link to your site, and what are the classes which you changed

Hi and thank you for responding. I didn't actually change anything, I just used inspector to tinker. The file it references doesn't have the CSS it suggests I need to change.

https://www.youthhockeyinfo.com/index.php?board=22.0

SychO

I realize that, but which classes did you tinker with in your browser so that I can check them
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze

SychO

This removes the thin line

Change
.topicdesc {
    background-color: white;
}


To
.topicdesc {
    background-color: white;
    display: none;
}


Add this to play with the description style
td.subject>div>small {
    font-size: 13px;
    font-weight: bold;
}


the description has no class though, so if another mod adds a "small" tag to the subject, it won't be pretty lol
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze

njtweb

Quote from: SychO on September 11, 2018, 02:20:14 PM
This removes the thin line

Change
.topicdesc {
    background-color: white;
}


To
.topicdesc {
    background-color: white;
    display: none;
}


Add this to play with the description style
td.subject>div>small {
    font-size: 13px;
    font-weight: bold;
}


the description has no class though, so if another mod adds a "small" tag to the subject, it won't be pretty lol

That worked! Thank you so much :)

Advertisement: