Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

List Element Icon and Font Size Too Big

list element
    • 7 years, 9 months ago alpenzone
      Participant

      Expired

      How do I change / adjust the list element icon and font size please?  I would like to make the icon and font slightly smaller.

    • 7 years, 9 months ago alpenzone
      Participant

      Expired

      Does anyone have any suggestions on how I can adjust this please?

    • 7 years, 9 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      Please add this code into your custom css box:

      .list li.simple {
          font-size: 15px !important;
      }

      Edit the values to your wish.

      Best regards!

    • 7 years, 9 months ago alpenzone
      Participant

      Expired

      That’s great thanks.  Is there a way I can indent the list items to the right a bit?  At the moment they are all lined up with the text.  Usually they would be indented to the right a bit.

    • 7 years, 9 months ago Mirela
      Participant

      Hello,

      You can customize the list to your wish using custom css. Just add more css attributes to the block of code above. Until you get the layout you want.

      Best regards!

    • 7 years, 9 months ago alpenzone
      Participant

      Expired

      How do I do this please?  I know nothing about CSS.  I just want to indent the bullet points to the right a bit so that it looks normal.

    • 7 years, 8 months ago Mirela
      Participant

      Hello,

      Can i see a link where are you having this? So i can understand better your view and provide the correct css.

      Thanks!

    • 7 years, 8 months ago alpenzone
      Participant

      Expired

      Hi,

      Here is the link to our development home page where you can see the blue tick bullet points lined up with the text.  Usually bullet points are indented to the right a bit so that they stand out.

      https://djmoysesurfacing.co.uk/devsite/

      Kind regards,

      Adrian.

      • This reply was modified 7 years, 8 months ago by alpenzone.
    • 7 years, 8 months ago Mirela
      Participant
      This reply has been marked as private.
    • 7 years, 8 months ago alpenzone
      Participant

      Expired

      This reply has been marked as private.
    • 7 years, 8 months ago Mirela
      Participant

      Hello,

      I added this code into your Custom Css box in General Options:

      .list ul {
          padding-left: 15px !important;
      }

      Change the value to your wish.

      Best regards!

    • 7 years, 8 months ago alpenzone
      Participant

      Expired

      That’s perfect!  Thanks very much for your help.

Viewing 11 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password