Support for SermonSpeaker 5.x is in bugfix mode only, the same as it is for Joomla 3.10.
I will not add any new features to this releases.
Please upgrade to SermonSpeaker 6.x and Joomla 4.x, which is better anyway.

Help with styling

Jennifer Vinik
Topic Author
Offline
New Member

16 Jun 2014 16:37 #4652 by Jennifer Vinik

Help with styling was created by Jennifer Vinik

Hi! The template I am using on my website is making the dates of the sermons appear really big. Can you tell me what CSS I need to eliminate the problem in Sermon Speaker without affecting the rest of the site?

www.stgregorysepiscopal.org/worship/sermons.html

Thanks so much for your help!

Please Log in or Create an account to join the conversation.

Thomas Hunziker
Offline
Administrator

16 Jun 2014 17:39 #4653 by Thomas Hunziker

Replied by Thomas Hunziker on topic Help with styling

There is a CSS rule which targets the "title" class:

Code:

.title, .component-content h1, .component-content h2, .edit legend {
    background-color: #E9EFF0;
    background-image: url(../images/community-a/title-overlay.png);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    color: #505050;
    text-shadow: 1px 1px 1px #fff;
}

You could override this with a custom rule specific to SermonSpeaker like this:

Code:

.ss-sermons-container .title {
    background: none;
    box-shadow: none;
}

The following user(s) said Thank You: Jennifer Vinik

Please Log in or Create an account to join the conversation.

Jennifer Vinik
Topic Author
Offline
New Member

16 Jun 2014 18:21 #4654 by Jennifer Vinik

Replied by Jennifer Vinik on topic Help with styling

Thanks so much, it is much better. One last thing... when I click on "Listen" the box that pops up still has the same problem. I am using the JWPlayer 5 popup. Thanks for getting back to me so quickly!

Please Log in or Create an account to join the conversation.

Thomas Hunziker
Offline
Administrator

16 Jun 2014 19:56 #4655 by Thomas Hunziker

Replied by Thomas Hunziker on topic Help with styling

Yep, the ss-sermons-container only works for the sermons list. The detailpage uses the ss-sermon-container class.

You can find out easy which classes are used when you use Firebug or similar development tools.
See docs.joomla.org/Using_Firebug_With_Your_Joomla_Website

The following user(s) said Thank You: Jennifer Vinik

Please Log in or Create an account to join the conversation.

Jennifer Vinik
Topic Author
Offline
New Member

16 Jun 2014 21:21 #4656 by Jennifer Vinik

Replied by Jennifer Vinik on topic Help with styling

Okay, I have it the way I want it now. Thank you for the Firebug information. I have used it before but I am still learning what to do with it. Thank you so much for all of your help!

Please Log in or Create an account to join the conversation.

Thomas Hunziker
Offline
Administrator

16 Jun 2014 21:57 #4657 by Thomas Hunziker

Replied by Thomas Hunziker on topic Help with styling

I wouldn't know what to do without Firebug or the browser developer tools.

Please Log in or Create an account to join the conversation.

Time to create page: 0.219 seconds