Sydney FP: List Widget - List position

Hello,

following URL is my concern:
http://neutontest.de/hochzeit/

I’d like the Bulletpoints of the List be in Line with there Headline. How to i achieve that?

I already changed the symbol with the following code:

/*change List symbol*/
.roll-list li:before {
  content: ''; /* remove star */
}

.roll-list {
  list-style-type: disc;
}

.roll-list li {
  padding-left: 0px;
}

And on top of that, I’d like to change the symbol again to a check. But if i dont find a solution, I’ll open up a seperate thread for that.

I’d be very grateful for you help!

Regards,
Tobias

Hi,

Here is to decrease the space on the left of the list:

ul.roll-list {
    margin-left: 0px;
    padding-left: 18px;
}

and this is to change the list style to checked style:

.roll-list li:before {
    content: '✔';
    margin-left: -18px;
}

Regards,
Awan

Hi,

You can make the list to be inline with the title with this Custom CSS:

.roll-list {
    padding-left: 10px !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba

Hi,
thank you very much for the answers!!

Here’s the code that did the job for me:

/*list points in line with title*/
ul.roll-list {
   margin-left: 0px;
   padding-left: 0px;
}

/*change list points symbol*/
.roll-list li:before {
   content: '✔';
}

guess this topic is resolved :wink:

Hi,

Great! I’m glad it’s resolved! If you need help with anything else, please open a new topic.

Have a nice day!

Best Regards,
Csaba