WordPress.org

Ready to get started?Download WordPress

Forums

Connections Business Directory
[resolved] Template shows email vertically (6 posts)

  1. jason w
    Member
    Posted 10 months ago #

    I have installed the Connections plugin and am using the Default Entry Card 1.0 and the email address doesn't display horizontally like the phone number does it displays vertically down the right hand side of the box.

    I have tried using the other templates but they don't all display the information I want and the default template would be suitable. Is there a fix for this?

    http://wordpress.org/plugins/connections/

  2. shazahm1
    Member
    Plugin Author

    Posted 10 months ago #

    @ jason w

    Sounds like a CSS conflict w/ the theme. Can you share a link to your directory?

  3. jason w
    Member
    Posted 10 months ago #

    Thanks shazahm1, unfortunately its hosted on a local server as its an intranet not a website. I'm sure it did work though at one point but I haven't changed my theme,

    Any ideas what in css I would need to be looking for?

    Cheers

  4. shazahm1
    Member
    Plugin Author

    Posted 10 months ago #

    @ jason w

    I like using Chrome ... so load the page in Chrome.
    Right-click one of the email addresses that are vertical and select "Inspect element".
    Click on the span tag and on the right hand side look for any where the display CSS attribute has been set to block. When you find one, double-click on block and change it to inline. If that fixes it then you found the CSS rule that needs changed.

    Hope that helps.

  5. jason w
    Member
    Posted 10 months ago #

    thanks for that, its worked like you said and the email is now how it should be. My only issue is that I am not sure where I change this so that it stays like this as after inspect element is closed I will lose it.

    Which file do I need to edit as I've been through some of the files under Apperance and Editor and can't see the bit I changed under inspect element. Not done much CSS so little unsure where I need to make this change to make it permanent.

    Thanks again

  6. shazahm1
    Member
    Plugin Author

    Posted 10 months ago #

    @ jason w

    Sorry, I just realized that you replied back.

    Which file, I can't really answer. The file name will be listed in the Inspector. If you click on the name, it will open that file and go to exactly where that CSS rule is. You can use the plugin/theme editor to open that file and search for the exact same spot and then make your change.

Reply

You must log in to post.

About this Plugin

About this Topic