Forum

Please consider registering
guest

Log In Register

Register | Lost password?
Advanced Search:

— Forum Scope —



— Match —



— Forum Options —




Wildcard usage:
*  matches any number of characters    %  matches exactly one character

Minimum search word length is 3 characters - maximum search word length is 84 characters

Topic RSS
Need some CSS help
10 August, 2011
11:02 pm
mglodfelter
Enthusiast
Forum Posts: 14
Member Since:
25 August, 2009
Offline

OK I'm really dumb when it comes to css. I'm trying to put some space between my sermons, maybe with a light line as well. Right now they are all bunched up together. Here's the link.

http://www.walnutavenuebaptist…..ons-audio/

Could someone give me an idea where I add this to the css file? Thanks so much.

12 August, 2011
8:28 pm
mglodfelter
Enthusiast
Forum Posts: 14
Member Since:
25 August, 2009
Offline

I take it this forum is not used much.

I am racking my brains out trying to figure out how to put some padding between my sermons.

I have tried and tried. Is there anyone here who can help?

Here's the website.

http://www.walnutavenuebaptist…..ons-audio/

13 August, 2011
12:20 am
Rich Brown
Parkville, MD
Guru
Forum Posts: 306
Member Since:
13 July, 2009
Offline

It's not that it's not used… if someone has the answer they will jump in.

Rich Brown
Aisquith Presbyterian Church
Parkville, Maryland, USA
sermons.aisquith.org
13 August, 2011
1:57 am
mglodfelter
Enthusiast
Forum Posts: 14
Member Since:
25 August, 2009
Offline

OK, it's figured out. Had to add some css code.

15 August, 2011
3:41 pm
torfercre
New Member
Forum Posts: 2
Member Since:
15 August, 2011
Offline

Hello, I am in need of the same thing — would you be willing to share the CSS code you added to create the line divider? thanks!

16 August, 2011
12:50 am
mglodfelter
Enthusiast
Forum Posts: 14
Member Since:
25 August, 2009
Offline

OK, here's what you should do.

1. Go to Sermon Browser plugin and select "Template". The 3rd section called "styles" is your css code. Select all of it and delete. Don't worry, you can do a restore to default if something goes wrong.

2. Now click the editor in the appearance tab (where your theme and widgets are). On your left you'll find the code for the theme. Go to the bottom and find Styles/Stylesheet. Select it.

3. Now select this css code, copy it, and paste it into your stylesheet (don't' select the dashes). Go to end and paste it there.

————————————————-

.sermon-browser h2 {
clear: both;
}

#content div.sermon-browser table, #content div.sermon-browser td {
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;

}

td.sermon-title a {
display: table;
margin-top: 10px !important;
font-weight:bold;
font-size: 17px;
text-transform:uppercase;
margin-bottom: -6px;
}

td.preacher {
border-bottom:2px solid #E9E9E0;
padding-bottom:10px;

}

#content div.sermon-browser tr td {
padding: 4px 0;
}

#content div.sermon-browser table.podcast table {
margin: 0 1em;
}

#content div.sermon-browser td.sermon-title, #content div.sermon-browser td.sermon-passage {
font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
}

div.sermon-browser table.sermons {
width: 100%;
clear:both;
}

#content div.sermon-browser table.sermons td.sermon-title {
font-weight:bold;
font-size: 140%;
padding-top: 2em;
}

div.sermon-browser table.sermons td.sermon-passage {
font-weight:bold;
font-size: 110%;
}

#content div.sermon-browser table.sermons td.preacher {
border-bottom: 1px solid #444444;
padding-bottom: 1em;
}

div.sermon-browser table.sermons td.files img {
border: none;
margin-right: 24px;
}

table.sermonbrowser td.fieldname {
font-weight:bold;
padding-right: 10px;
vertical-align:bottom;
}

table.sermonbrowser td.field input, table.sermonbrowser td.field select{
width: 170px;
}

table.sermonbrowser td.field #date, table.sermonbrowser td.field #enddate {
width: 150px;
}

table.sermonbrowser td {
white-space: nowrap;
padding-top: 5px;
padding-bottom: 10px;
}

table.sermonbrowser td.rightcolumn {
padding-left: 10px;
}

div.sermon-browser div.floatright {
float: right
}

div.sermon-browser div.floatleft {
float: left
}

img.sermon-icon , img.site-icon {
border: none;
}

table.podcast {
margin: 0 0 1em 0;
}

.podcastall {
float:left;
background: #fff0c8 url(wp-content/plugins/sermon-browser/sb-includes/icons/podcast_background.png) repeat-x;
padding: 0.5em;
font-size: 1em;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.podcastcustom {
float:right;
background: #fce4ff url(wp-content/plugins/sermon-browser/sb-includes/icons/podcast_custom_background.png) repeat-x;
padding: 0.5em;
font-size: 1em;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

td.podcast-icon {
padding-right:1em;
}

div.filtered, div.mainfilter {
text-align: left;
}

div.filter {
margin-bottom: 1em;
}

.filter-heading {
font-weight: bold;
}

div.sermon-browser-results span.preacher {
font-size: 120%;
}

div.sermon-browser-results span.scripture {
font-size: 80%;
}

div.sermon-browser-results img.preacher {
float:right;
margin-left: 1em;
}

div.sermon-browser-results div.preacher-description {
margin-top: 0.5em;
}

div.sermon-browser-results div.preacher-description span.about {
font-weight: bold;
font-size: 120%;
}

span.chapter-num {
font-weight: bold;
font-size: 150%;
}

span.verse-num {
vertical-align:super;
line-height: 1em;
font-size: 65%;
}

div.esv span.small-caps {
font-variant: small-caps;
}

div.net p.poetry {
font-style: italics;
margin: 0
}

div.sermon-browser #poweredbysermonbrowser {
text-align:center;
}
div.sermon-browser-results #poweredbysermonbrowser {
text-align:right;
}

table.nearby-sermons {
width: 95%;
clear:both;
}

table.nearby-sermons td, table.nearby-sermons th {
text-align: center;
}

table.nearby-sermons .earlier {
padding-right: 1em;
text-align: left;
}

table.nearby-sermons .later {
padding-left: 1em;
text-align:right;
}

table.nearby-sermons td {
width: 33%;
vertical-align: top;
}

ul.sermon-widget {
list-style-type:none;
margin:0;
padding: 0;
}

ul.sermon-widget li {
list-style-type:none;
margin:0;
padding: 0.25em 0;
}

ul.sermon-widget li span.sermon-title {
font-weight:bold;
}

p.audioplayer_container {
display:inline !important;
}

div.sb_edit_link {
display:inline;
}
h2 div.sb_edit_link {
font-size: 80%;
}

.clear {
clear:both;
}

———————————————-

The additional code is found close to the top. You can edit it or change it to meet your theme. Every theme will be different. Here is the added css code

td.sermon-title a {
display: table;
margin-top: 10px !important;
font-weight:bold;
font-size: 17px;
text-transform:uppercase;
margin-bottom: -6px;
}

td.preacher {
border-bottom:2px solid #E9E9E0;
padding-bottom:10px;

}

If you have any other questions, please let me know. Go to the church website and send an email.

http://www.walnutavenuebaptist.com

Forum Timezone: Europe/London

Most Users Ever Online: 40

Currently Online:
12 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

malpan: 2453

jogen: 2440

VanWatterson: 652

GeraldSebring: 364

LucasWoltman: 362

RandellFeenstra: 362

Member Stats:

Guest Posters: 7

Members: 2066

Moderators: 1

Admins: 1

Forum Stats:

Groups: 1

Forums: 2

Topics: 1071

Posts: 4045

Newest Members: Nixon Designs, zolaperry, tanec69, lbakyl, richdorm, Aaron Velasquez

Moderators: Ben Miller (387)

Administrators: Mark Barnes (425)

Comments are closed.