Return to previous page

REQUEST: Fix CSS for lists - by prendrefeu

This topic has 15 replies, 4 voices, and was last updated 10 years, 4 months ago ago by Jack Richardson

prendrefeu

Participant

August 6, 2014 at 02:50

Hi,

A problem I’ve encountered is with long list items (where the content of an <li&rt; is more than one line). In a normal UL or OL type list, the content is offset with each point (bullet or numbered). With the shortcode for the list in Legenda, it’s nice that I get a choice of a coloured square,star,arrow or whatever… but it’s no longer a list! Each item wraps around like a normal paragraph and it looks like all that’s been added is a silly icon in front of each paragraph line.

Can you please fix the css in the theme to adjust for making the shortcode list function actually look like a normal list would?

I don’t want to change the css in the editor and then have it disappear when the theme gets updated.

Thanks.

#11839 Copied

14 Answers

Robert Hall

Support staff

August 6, 2014 at 05:50

Hello,

This question is a bit unclear for us. Could you please clarify us with more details?
Please, show screenshot where you want get changed.

Don’t worry about CSS editing in our theme. For this we have custom.css file where we can add different change without problem after updating.
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.

#11848 Copied

prendrefeu

Participant

August 6, 2014 at 05:57

Sure, here’s a screen shot:

Normal li looks like this:

And with the shortcode formatting, it turns into this:

I would prefer if you update the Legenda theme CSS… it would be a benefit to everyone, no? This way lists are formatted properly for everyone when they use the built-in shortcode.

#11851 Copied

Robert Hall

Support staff

August 6, 2014 at 07:23

We can try to do change in your theme.
Please provide us with link to the page with this li.

Regards,
Robert Hall.

#11858 Copied

prendrefeu

Participant

August 6, 2014 at 07:26

Thanks!
See private content for link to example page.

Please, contact administrator
for this information.

#11859 Copied

Robert Hall

Support staff

August 6, 2014 at 08:37

Sorry, but to make the same list I need more credentials.
Please provide us with wp-admin and FTP credentials in Private Content.

Regards,
Robert Hall.

#11874 Copied

prendrefeu

Participant

August 6, 2014 at 13:48

See private content

Please, contact administrator
for this information.

#11902 Copied

Robert Hall

Support staff

August 6, 2014 at 13:54

I’ve made some change on this page. Now looks the same. Check it, please.

Regards,
Robert Hall.

#11904 Copied

prendrefeu

Participant

August 6, 2014 at 13:58

Hi Robert,

I checked. There was no difference. Like I stated earlier: the regular LI is fine and is exactly as it should be. When I use the [checklist] shortcode around the ul, it is no longer aligned like a normal LI would be.

#11905 Copied

prendrefeu

Participant

August 6, 2014 at 13:59

You can see this being used on the “Our Business” page where the shortcode is being used.
Compare this to the “Our Technology” page where there is no shortcode, only regular ul/li.

#11906 Copied

Eva Kemp

Support staff

August 6, 2014 at 15:37

Hello,

Just to be sure: do you want to have the same list for “Our Business” page as on the “Our Technology” page?
Thank you.

Regards,
Eva Kemp.

#11927 Copied

prendrefeu

Participant

August 6, 2014 at 15:39

I am asking that the shortcode for your lists behave in the same way that a normal li does.
That’s what I asked in the first post.
That’s what I explained with the screenshots.

I already know how to put in shortcodes. I already know that the shortcode and regular li have a different bullet-point color/icon. I am asking about the alignment issue. I am asking that the issue be addressed for ALL users of the theme – why would the shortcode for a list suddenly put it out of alignment?

#11928 Copied

Jack Richardson

Support staff

August 6, 2014 at 16:31

Hello,

Could you please clarify us once more: do you want to add left text indent as on your first sreenshot?

Regards,
Jack Richardson

#11935 Copied

prendrefeu

Participant

August 6, 2014 at 18:07

Yes.

#11949 Copied
Jack Richardson

Support staff

August 6, 2014 at 18:41
Hello,

Please add the following code into the custom.css:
```
.list.list-square li {
padding: 5px 0px 5px 20px !important;
}
.list.list-square li:before {
margin: 3px 0 0 -7px !important;
position: relative;
right: 15px;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Jack Richardson
#11951 Copied
Tagged: lists, themes, woocommerce, wordpress
Viewing 15 results - 1 through 15 (of 15 total)