41 pointsStarting to get into this DEV thingI'm new here
Terrintokyo
Member
—
20th August 2010
Hi:
My site is: http://www.hoopinstructors.com
I am trying to figure out how to add CSS for bulleted lists in BP Scholar. Specifically:
I'm using BP Scholar Child theme - I should only add this the code to the Child theme style.css sheet, right?
What exactly do I need to do to add a style to the Child Theme - I'm not clear on whether I should be taking away the comment (just erase it, right?) and put the bulleted list code after @import url( _inc/css/child.css );, or...
/* Uncomment the following line and add your custom child styles to '_inc/css/child.css' */<br />
@import url( _inc/css/child.css );<br />
My site is: http://www.hoopinstructors.com
I am trying to figure out how to add CSS for bulleted lists in BP Scholar. Specifically:
I'm using BP Scholar Child theme - I should only add this the code to the Child theme style.css sheet, right?
What exactly do I need to do to add a style to the Child Theme - I'm not clear on whether I should be taking away the comment (just erase it, right?) and put the bulleted list code after @import url( _inc/css/child.css );, or...
/* Uncomment the following line and add your custom child styles to '_inc/css/child.css' */<br />
@import url( _inc/css/child.css );<br />
@Terrintokyo: You add to child.css not style.css. Put whatever code you want (can't say what you want to do with lists) in child.css and you'll be cool to go. Something along lines of:
background: url('yourimage');
However, there are several places where lists occur you haven't said which ones you want.
thanks, it's good to know where I would make changes - thanks. But I'm still not sure of the right CSS to use to put an image next to my unordered lists.
Wherever lists occur in pages and posts that we write (not in the navigation bar or other function-focused lists), I'd like to have an image appear in front of unordered lists.
I used the following in the BP-Scholar Child Theme child.css:
.entry ul{
list-style-type: none;
}
.entry ul li{background: url(o.png) left center no-repeat;
padding-left: 15px;
margin-bottom: 10px;
}
I'm sure I'm doing something wrong, but I don't know what it is: could you let me know what I need to change? I'm still testing with the same page - you can see there's no result so far: http://www.hoopinstructors.com/testing/
To anyone else having this problem, what I did was:
1. Opened up my Child theme
2. ignored the bp-scholar-child>style.css
3. opened the folder called _inc>css
4. found child.css
5.right after the example: /* example */
/*h1#mystyle{
border-bottom: #fff;
}
*/
Responses (6)
Theme Designer — 20th August 2010 #
@Terrintokyo: You add to child.css not style.css. Put whatever code you want (can't say what you want to do with lists) in child.css and you'll be cool to go. Something along lines of:
background: url('yourimage');However, there are several places where lists occur you haven't said which ones you want.
Member — 23rd August 2010 #
Hi Tammie:
thanks, it's good to know where I would make changes - thanks. But I'm still not sure of the right CSS to use to put an image next to my unordered lists.
I've made a test page so that you can see the problem:
http://www.hoopinstructors.com/testing/
Ordered lists seem to work fine.
Wherever lists occur in pages and posts that we write (not in the navigation bar or other function-focused lists), I'd like to have an image appear in front of unordered lists.
Either one of these images will do:
http://www.hoopinstructors.com/wp-content/themes/bp-scholar-child/_inc/images/o-1.gif
http://www.hoopinstructors.com/wp-content/themes/bp-scholar-child/_inc/images/o.gif
can you let me know what to put into my child.css to get this to happen?
thanks,
Terri
Theme Designer — 24th August 2010 #
@Terrintokyo: You need to add a class before your list:
Up to you what contents and format.
Member — 30th August 2010 #
Hi Tammie:
sigh. bullets are still not happening.
I used the following in the BP-Scholar Child Theme child.css:
.entry ul{list-style-type: none;
}
.entry ul li{background: url(o.png) left center no-repeat;
padding-left: 15px;
margin-bottom: 10px;
}
I'm sure I'm doing something wrong, but I don't know what it is: could you let me know what I need to change? I'm still testing with the same page - you can see there's no result so far:
http://www.hoopinstructors.com/testing/
thanks,
Terri
Member — 30th August 2010 #
Hi:
I figured it out!
To anyone else having this problem, what I did was:
1. Opened up my Child theme
2. ignored the bp-scholar-child>style.css
3. opened the folder called _inc>css
4. found child.css
5.right after the example:
/* example */
/*h1#mystyle{
border-bottom: #fff;
}
*/
I added this:
.entry ul{list-style-type: circle;
margin: 20px;
}
I gave up on putting in a background image: as long as there's an actual image in front of the unordered list, I'm fine with that.
cheers,
Terri
Theme Designer — 31st August 2010 #
@Terrintokyo: Glad it works.
Become a member