WordPress.org

Ready to get started?Download WordPress

Forums

Luminescence Lite
[resolved] style list items (14 posts)

  1. catwingz
    Member
    Posted 2 months ago #

    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>) 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 <li> callout in Easy Google Fonts plugin.

    What do I need to do to gain style control over the <li>'s?
    Thank you

  2. catwingz
    Member
    Posted 2 months ago #

    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

  3. StyledThemes
    Member
    Theme Author

    Posted 2 months ago #

    Depends on how and what you are trying to restyle?

  4. catwingz
    Member
    Posted 2 months ago #

    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.

  5. StyledThemes
    Member
    Theme Author

    Posted 2 months ago #

    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

  6. catwingz
    Member
    Posted 2 months ago #

    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.

  7. StyledThemes
    Member
    Theme Author

    Posted 2 months ago #

    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.

  8. catwingz
    Member
    Posted 2 months ago #

    Sadly, no luck there.

  9. StyledThemes
    Member
    Theme Author

    Posted 2 months ago #

    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?

  10. catwingz
    Member
    Posted 2 months ago #

    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.

  11. catwingz
    Member
    Posted 2 months ago #

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

  12. StyledThemes
    Member
    Theme Author

    Posted 2 months ago #

    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.

  13. catwingz
    Member
    Posted 2 months ago #

    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.

  14. StyledThemes
    Member
    Theme Author

    Posted 2 months ago #

    "the lists are now off the lists" ....lol, nice one. Anyway, no worries.

Reply

You must log in to post.

About this Theme

About this Topic