Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Different list styles on one page...? Help required

Featured Replies

Hi All

 

I want to remove the list styles for the images in my gallery. See below:

 

Test website

 

But if I remove the list image then I lose the list style on the home page. As I am using Modx for the content management I do not want the client to change the sytles.

 

Any ideas on help with the CSS within the Content management system.

 

Thanks

 

Phil

If you're looking to target the lists on a specific page there are a couple of options to you:

 

You can add an ID to the body element such as <body id="nolist">. You can then set the li for this in the CSS like this:

 

body#nolist ul li{

list-style-image:none;

}

 

Another option would be to create a css class which can be applied to each of the lists

 

There's also a technique whare you can target the list within a containing element, in the case of the thumbnails, the wrapping element is a div with the class of "thumbscontainer" so you can target the list items within thsi like so:

 

.thumbscontainer ul li{

list-style-image:none;

}

 

Hope this helps.

 

Rick.

Your link is broken for me?

 

Can you not just remove the list styles for that image gallery thru the CSS.

 

image-galley li{

list-stlye-type:none;

}

 

that should leave the other lists alone.

 

Could help more if your website was working.

 

EDIT: Basically, same method as above!

Posted same time!

Hi All

 

I want to remove the list styles for the images in my gallery. See below:

 

Test website

 

But if I remove the list image then I lose the list style on the home page. As I am using Modx for the content management I do not want the client to change the sytles.

 

Any ideas on help with the CSS within the Content management system.

 

Thanks

 

Phil

 

working link LINK

  • Author

Thanks guys all now working. Simple but totally forgot what to do........!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.