Question on Custom CSS

  • adibla2

    (@adibla2)


    10 years, 10 months ago

    Hi,

    I am using your plugin (which is great!) on our website (pittiestoprescue.org) and have a quick question about adding some custom CSS. I am not a programmer so I know very limited html/CSS and any help you could offer is greatly appreciated.

    If you look at the dog Calvin for instance, his bio and rescue info all runs together and it’s confusing to applicants. Is there any way we could add a space between the bio and the paragraph, “All dogs are spayed/neutered, brought up to date on vaccinations, micro-chipped and heartworm tested prior to the adoption. Please see our website for more information on our adoption policies: http://www.pittiestoprescue.org Adoption fee $375.00” and also italicize the paragraph as well? We’d also like another space between that paragraph and “Baby, Male, Medium”

    Is this possible and if so, could you offer any recommendations on what the CSS might be for that?

    Again, thanks for the wonderful plugin and any help you could provide.

    Andrea

    https://wordpress.org/plugins/petfinder-listings/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author bridgetwes

    (@bridgetwes)

    10 years, 10 months ago

    Hi Andrea,

    Unfortunately, any paragraph data is being stripped before petfinder sends over the pet descriptions so there isn’t a way to separate out paragraphs. You could try adding

    in the pet’s Petfinder description where you want the returns to be and see if that comes through – or you could try to put <p> tags around the paragraphs in Petfinder. (See this page for help with p tags: http://www.w3schools.com/tags/tag_p.asp) It may not work, but it’s worth a shot.

    You can add a space above “Baby, Male, Medium” because that comes through as separate data from Petfinder. You can add the following to your theme’s CSS file to add space above:

    .dog .features{ padding-top: 20px; }

    Change 20px to any number followed by px to reduce or increase the spacing.

    I hope this helps.

    Bridget

    Plugin Author bridgetwes

    (@bridgetwes)

    10 years, 10 months ago

    p tag link about should be http://www.w3schools.com/tags/tag_p.asp

    Thread Starter adibla2

    (@adibla2)

    10 years, 10 months ago

    Hi Bridget, thanks for the quick response.

    I tried adding p tags and Petfinder kept stripping them out when I saved. Our listing on PF has spaces between the paragraphs but it still lumps them together on the site. Unless we remove that paragraph completely I don’t think there’s much more that can be done.

    Thread Starter adibla2

    (@adibla2)

    10 years, 10 months ago

    Hi again,

    We decided to get rid of a paragraph of text completely so we only have the bios. Could you please help or direct me in the right direction for CSS to separate and Bold the copy “Adult, Male, Medium”?

    Much appreciated,
    Andrea

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Question on Custom CSS’ is closed to new replies.