Service Circle Icon Element and Bullet points

- 9 years, 6 months ago connatewater
  Participant
  
  Expired
  
  Hi there,
  
  I have used the Service Circle Icon element to display my services with a bulleted description of what the service entails under the icon. It looks great, but for some reason on the front end, the first bullet point of each element, the bullet is moved to the end of the sentence. Please help me fix this little bug?
  
  Ie.
  
  icon
  
  Service Icon title
  
  description # 1 –
  
  – description #2
  
  – description #3
- 9 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  Can you please send a link where is this?
  
  Best regards!
- 9 years, 6 months ago connatewater
  Participant
  
  Expired
  
  This reply has been marked as private.
- 9 years, 6 months ago Mirela
  Participant
  Hello,
  
  Please add this code into your custom css box:
  
  .services_medium ul li { float: left; }
  
  Let us know.
  
  Best regards!
- 9 years, 6 months ago connatewater
  Participant
  
  Expired
  
  This reply has been marked as private.
- 9 years, 6 months ago Mirela
  Participant
  Hello,
  
  To avoid that, please add this code as well:
  
  .services_medium.style_1 .icon_wrapper { margin-top: 35%; }
  
  You can change the value t your wish.
  
  Best regards!
- 9 years, 6 months ago connatewater
  Participant
  
  Expired
  
  Ok thank you for your help!
- 9 years, 6 months ago connatewater
  Participant
  
  Expired
  
  Hi there,
  
  Still having issues with this element. How do I make the font size bigger for the text?
  
  Also there is an unnecessary space between the element above it, and this element, how do I remove the space? I have sent the link to the page in a private reply below
- 9 years, 6 months ago connatewater
  Participant
  
  Expired
  
  This reply has been marked as private.
- 9 years, 6 months ago Mirela
  Participant
  Hello,
  
  Please know that these are not issues, but rather personal preference styling. To change the font size and margin, add this code into your custom css box:
  
  .services_medium .list li.simple { font-size: 17px !important; } .vc_col-sm-10.wpb_column.column_container.with_padding { margin-top: -55px !important; }
  
  Edit the values to your wish. Let us know.
  
  Best regards!
- 9 years, 6 months ago connatewater
  Participant
  
  Expired
  
  Hi there, sorry you are correct it is a styling preference not a bug ;)
  
  However, adding the code to the custom css box did not seem to work despite my multiple attempts at reloading the page and clearing the cache. The font size of the bulleted text will not increase. Help!
  
  Thank you!
- 9 years, 6 months ago Mirela
  Participant
  Hello,
  
  Please edit the first block to this:
  
  .list li.simple { font-size: 17px !important; }
  
  I just removed the .services_medium class. Let us know.
  
  Best regards!
- 9 years, 5 months ago connatewater
  Participant
  
  Expired
  
  That increased the font size, thank you for your help!

Viewing 12 reply threads

You must be logged in to reply to this topic.

Community Forums

Service Circle Icon Element and Bullet points

Site Links

Useful Articles

Login