Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 10, 2015 at 3:37 pm #471525
    ideenstart

    I need to change the normal bullet against a picture showing two bold dashes.

    You can see an example here: http://screencast.com/t/WQUQAEn3

    That’s how I can do this via inline css:

    <ul style="list-style-image: url('http://download.tyco.de/focusbars2.gif');">
	<li>1. Punkt</li>
	<li>2. Punkt</li>
	<li>3. Punkt</li>
	<li>4. Punkt</li>
	<li>5. Punkt</li>
</ul>

    But how can I change this permanently in my child theme?
    What do I have to enter in the Custom CSS Box ?

    Thanks
    Tom

    • This topic was modified 8 years, 9 months ago by ideenstart.
    July 10, 2015 at 5:29 pm #471632
    Elliott

    Hi ideenstart!

    Give the UL element a class like so.

    <ul class = "customUL">

    And then add this to your stylesheet.

    .customUL { list-style-image: url('http://download.tyco.de/focusbars2.gif') !important; }

    Cheers!
    Elliott

    July 13, 2015 at 11:30 am #472275
    ideenstart

    Hi Elliott!

    That would mean I have to give this class to every element manually!
    But that’s what I don’t want, cause the most people editing the content on this site have no idea how to do that ;-)

    I want to edit the basic “ul” element, so the change would be done permanently for every unordered (bulleted) list on the site!

    Thanks
    Tom

    July 13, 2015 at 2:51 pm #472469
    Rikard

    Hi!

    Please try the following instead:

    ul { 
list-style-image: url('http://download.tyco.de/focusbars2.gif') !important; 
}

    Regards,
    Rikard

    July 14, 2015 at 1:43 pm #473148
    ideenstart

    Hi Rikard !

    Now it gets weird …
    FYI the site exists twice …
    First the test system is online @ http://pmh.tyco.de/?page_id=60 and hosted @ our ISP on a Apache system …
    The final system is planned to be internally only and is actually running on a MS IIS:
    http://ukstr1ap00133.tycofs.com/wordpress/index.php/1-vorprojekt/1-2-kundenanfragen-entgegennehmen/

    The internal IIS version is running with Enfold without any problems so far! Till now, cause your code pasted into the Quick CSS won’t do anything! Nothing changes at all!
    But on the external Apache System online it’s working like it should (mostly ;-)
    The bullets are perfectly replaced by the picture as expected!
    BUT: the main menu is also affected – see the screenshot: http://screencast.com/t/LgIf6jHb5NrS

    • Do you know if there are any known problems with the Quick CSS fileld regarding WordPress for Windows (also 4.2.2)?
      Should I try this snippet in the child themes “style.css” instead?
    • Is it possible to change the “ul” formatting without affecting the main menu ?

    Thanks
    Tom

    • This reply was modified 8 years, 9 months ago by ideenstart.
    July 14, 2015 at 7:55 pm #473408
    Elliott

    Hey!

    That is why I suggested adding a class to it. If you target only UL then it’s going to affect the lists everywhere, including the menus, and other shortcodes.

    You could target only the lists in the main content area with this CSS..

    .entry-content ul {

    But it’s still going to affect some shortcodes such as fullwidth menu. It would be best to just add a class to it.

    Cheers!
    Elliott

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.