Forums

ordered lists--text color different (11 posts)

  1. snaps
    Member
    Posted 7 months ago #

    I have successfully inserted an ordered list in my blog post like below. however the text comes shades lighter than the rest of my blog text. Is there a quick fix for this problem? I want the txt in my lists to match the shade of the txt in the rest of my blog post.

    1.
    2.
    3.

  2. alchymyth
    The Sweeper
    Posted 7 months ago #

    edit style.css of your theme; either change an existing style for the ordered list in content; or add a new style to compensate the color.

    please post a link to your site, because without seeing the problem, nobody can really suggest a solution.

  3. snaps
    Member
    Posted 7 months ago #

    premiumshare.com/blog is the site. sorry about that. you can see the numbered lists look grayed out. I did go into style.css of theme but didn't seem to solve the issue. any specific recommendations? thanks a ton for the response!

  4. alchymyth
    The Sweeper
    Posted 7 months ago #

    the color is set in /wp-content/themes/toolbox/css/layout.css:

    .col-left ol li {
    	list-style-type: decimal;
    	color: #9a9a9a;
    	list-style-position: outside;
    	line-height: 16pt;
    }

    to overwrite this, try to add a line like this (with your own choice of color code) to whatever way custom styles are done in your theme:
    .col-left ol li {color: #555;}

    if this does not work, try to use:
    .col-left ol li {color: #555!important;}

  5. snaps
    Member
    Posted 7 months ago #

    hi still having problems. This was set up before I came on board to help out and they seemed to have done something confusing for me. They are using toolbox theme 1.4 by digitonik. I can't seem to find where I should input this info. I tried doing it in visual editor and it didnt' seem to work either. thanks again for your help!

  6. alchymyth
    The Sweeper
    Posted 7 months ago #

    seems to be a commercial theme, which makes helping via this forum virtually impossibe, without the free access to all theme files.

    see if you can contact the theme vendor for support.

    if you can't find any theme options to set custom styles, you will need to find a stylesheet under
    dashboard -> appearance -> editor:
    look for a stylesheet in the list on the right;
    if there is only style.css, you might need to use the suggestion with !important to force the changes.

  7. snaps
    Member
    Posted 7 months ago #

    thanks! I will try both of these out and see what happens. really appreciate your help!!

  8. snaps
    Member
    Posted 7 months ago #

    ok i contacted the vendor and last question promise! once i go to the visual editor stylesheet where exactly do i place !important to force the changes?

  9. snaps
    Member
    Posted 7 months ago #

    this is the code in the editor-style.css right now:

    [288 lines of CSS moderated as per the Forum Rules. Please just post a link to your site.]

  10. alchymyth
    The Sweeper
    Posted 7 months ago #

    you would need to edit style.css of your theme;

    dashboard -> appearance -> editor: then select style.css from the list ont he right

    and add this code (possibly at the end):

    .col-left ol li {color: #555!important;}

    (editor-style.css is for the purpose of styling the text editor area when you write/edit posts or pages)

  11. snaps
    Member
    Posted 7 months ago #

    thank you so much! this worked finally when I got time to go through stuff . really really appreciate all your assistance

Reply

You must log in to post.

About this Topic