News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

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: