[resolved] Hanging Indent with image CSS (3 posts)

  1. painah
    Posted 4 years ago #

    Hello, I have a problem with the hanging indent on Prosumer Theme.

    Can someone please tell me how to make the second line is below the text rather than below the star.gif on Prosumer Theme?

    .side1 ul li ul li.current_page_item a,.side1 ul li ul li.current-cat a, .side2 ul li ul li.current-cat a  {
    	background: url(images/star.gif) left center no-repeat;

    I really appreciate any help...

  2. Ryan Yu
    Posted 4 years ago #

    Hey painah,

    Do you mean the list in the sidebar?
    If so, I would suggest to modify the css a bit.

    Open style.css and find the line 296.

    For the selector ".side1 ul li ul li a, .side2 ul li ul li a",
    - background: url(images/star2.gif) left top no-repeat;
    - padding-left: 18px;

    and above the selector add:

    .side1 ul li ul li, .side2 ul li ul li {
    	background: url(images/star2.gif) left 3px no-repeat;

    Let me know if you have any further questions.

  3. painah
    Posted 4 years ago #

    It's working....

    Thanks a lot

Topic Closed

This topic has been closed to new replies.

About this Topic