How to change Address format line spacing on Contact page

Support
#1

How do we get the addresses on the contact page so they are not paragraphs. I don’t want to use Bullets unless there there is a way to remove the bullet.

Here is what happens as we add an address. Paragraphs are created between lines.

If I use list, I get spacing that is more acceptable, but with bullets . Can the Bullets be removed?

Or, is there a better way.

In html I recall the
as solving the paragraph problem. Is there a simple way to address that issue on the Contact page?
Thank you.

#2

Hello Loren,

Thanks for writing in!

Please add following CSS under Pro > Theme Options > CSS:

.page-id-19 .x-text li {
    list-style-type: none !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

That got rid of the bullets.
I assume the change was global.
Shouldn’t there be a way on the edit individual pages to change bullet types from dots, dashes, etc. or none.
If so how do we do that?

#4

Hi Loren,

No that is not global because of the .page-id-19 in the selector that will only apply on that specific page.

You can also add your custom CSS in the Page CSS area if needed to be the CSS is only intended for that specific page.

Hope it helps,
Cheers!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.