style list items

Let’s try that again…
I have been unable to find a way to successfully change the styling of the list items on the pages. I did manage to restyle a few links within a list, but the same path (minus the a tag) failed to affect the list. I also went to the extreme of calling out the entire path as identified in Google+ inspect element, also to no effect. The same for creating a special callout in Easy Google Fonts plugin.

The site I am working on is here.

What do I need to do to gain style control over the
li’s?

Thank you

Depends on how and what you are trying to restyle?

All of the list items in the main content. I am currently trying to make all of the text larger so it matches the rest of the site.

Line 78 of your style.css has this font size:

div #content-right div#content.site-content article div.entry-content ul li { font-size: 16px;}

Your main text is 18px

Sorry for the misunderstanding. That was my most recent experiment, now removed. It had no effect on the text. I left it to demonstrate the lack of success.

I know you did a lot of modifications, but I did find something in my own code that might be the issue. In the stylesheet around line 315 is this:

#wrapper {
	max-width:1200px;
	min-height:200px;
	margin:auto;
	font-size: 13px;
	background-color:#fff;
	-webkit-box-shadow:  0px 0px 30px 8px rgba(0, 0, 0, 1);
    box-shadow:          0px 0px 30px 8px rgba(0, 0, 0, 1);
}

Take out that 13px and see what happens.

Sadly, no luck there.

When I went to your page, I noticed you had your main text as 18px but a few places you had the list as 16px…so I am assuming this was you?

Anyway, I would recommend reversing everything relating to font size. The theme has two primary font size locations:

body {font-size: 100%}
#wrapper {font-size: 13px;}

The #wrapper size should put that size for the full page, including main text and lists. The font size of 13px should actually be 0.813rem so that it becomes relative to the body font size.

I’m actually going through the theme right now and changing all the font sizes from px to rem (relative) for better size control.

Quick question… you are using a child theme correct?

Yes, this is for a child theme. I am glad you are switching to rem. One note to consider— Another theme I am using quite a bit has the fonts specified with rem as the default and px as a ‘just-in-case.’ I don’t know to what degree this is being called upon, but I have found it to be useful as well.

Weirdly, going straight for #wrapper and changing that font size has no effect on the list items either!

Something you might have done before is preventing the list to match up. The hard part is to know where this is occurring because there are many changes you’ve made. With a default install of this theme on my local test server, I did some posts and pages with lists in the content, and they all match the font and sizing (content and list text). So I am not sure where or what or why your list is sized different without really going in and digging into it. I think it’s still related to custom changes, but again, the hard part is knowing where.

Got it! I’m still not sure what is causing all of the resistance, but the lists are now off of the ‘list.’ ??

Thanks for your patience.

“the lists are now off the lists” ….lol, nice one. Anyway, no worries.