WordPress.org

Ready to get started?Download WordPress

Forums

raindrops
[resolved] ul/li formating in new page (10 posts)

  1. ikrekot
    Member
    Posted 9 months ago #

    Hello I can't change formating of ul/li on my new page on webpage link . Links in ul/li should be yellow but they are always grey.
    I put in .css line that they should be yellow and then use span class. If you mause over the links they have yellow underline but they should be all yellow.

    Sorry for my bad english and please help.

  2. ikrekot
    Member
    Posted 9 months ago #

    If it will help it works on main page but it won't works on new page. I was trying to find something in .css but couldn't find anything about ul/li for new page.

  3. ikrekot
    Member
    Posted 9 months ago #

    I found it in <style type="text/css" id="raindrops-embed-css"></style> when I "view source". Need to remove color:#d0d0d0 from there. But can't find this in any file.

  4. nobita
    Member
    Theme Author

    Posted 9 months ago #

    Hi ikrekot

    Please add to style.css last line below style rules.

    .entry-content ol li a,	/* ordered lists link */
    .entry-content ul li a,	/* unordered lists link */
    .entry-content ol li,	/* ordered lists text */
    .entry-content ul li{	/* unordered lists text */
    	color:#FFFF00;
    }

    Another Way

    Create a custom field
    name: css
    value: above style rules

    then current post ( page ) color will be changed.

    Thank you.

  5. ikrekot
    Member
    Posted 9 months ago #

    I try first

    .entry-content ol li a,	/* ordered lists link */
    .entry-content ul li a,	/* unordered lists link */
    .entry-content ol li,	/* ordered lists text */
    .entry-content ul li{	/* unordered lists text */
    	color:#FFFF00;
    }

    but it didn't change url's but only text.
    Then I try

    .entry-content ol li a,	/* ordered lists link */
    .entry-content ul li a,	/* unordered lists link */{
    	color:#FFFF00;
    }

    Didn't help too.
    Then I use
    <div id="css" name="css">code with ul and li</div>
    with

    #css ul li a /* unordered lists link */{
    	color: #FFD100!important;
    }

    in main.css
    It didn't help too. :(

  6. nobita
    Member
    Theme Author

    Posted 9 months ago #

    What is the main.css

    Raindrops has not main.css

    My style rules tested at raindrops/style.css.

  7. ikrekot
    Member
    Posted 9 months ago #

    I mean style.css sorry.

  8. nobita
    Member
    Theme Author

    Posted 9 months ago #

    #css ul li a /* unordered lists link */{
    	color: #FFD100!important;
    }

    This style rule is wrong.
    The reason: Not exists id="css"

    .entry-content ul li a{
    	color: #FFD100!important;
    }

    maybe work

  9. ikrekot
    Member
    Posted 9 months ago #

    It exist

    <div id="css" name="css">code with ul and li</div>

    I try

    .entry-content ul li a{
    	color: #FFD100!important;
    }

    Didn't help too.

    I don't know why but it works on main page with posts. When I create new page it didn't work.

  10. nobita
    Member
    Theme Author

    Posted 9 months ago #

    page_id=24#Glyphy

    <div id="css" name="css">code with ul and li</div>

    above is changed elements from javasript?

    DOM source is below

    <li><a href="http://ptr.wowhead.com/spell=58623" class=" icontinyl" style="background-image: url(http://wowimg.zamimg.com/images/wow/icons/tiny/spell_shadow_antimagicshell.gif); background-position: 0% 50%; background-repeat: no-repeat no-repeat;"><span style="margin-left: 18px;">Glyph of Anti-Magic Shell</span></a>: zwiększa ilość zaabsorbowanych obrażeń z 75% do 100% tym samym zmniejszając czas trwania na walkach z dużymi obrażeniami magicznymi.</li>

    Try

    #css ul li a span {
    	color: #FFD100!important;
    }

    or inline style add margin-left: 18px; + color value from javascript.

Reply

You must log in to post.

About this Theme

About this Topic

Tags