Syndicate Press
[resolved] Styling with CSS is hard with current HTML design (5 posts)

  1. Erik
    Posted 1 year ago #


    Thanks for a great plug-in!

    I've tried to style the contents using CSS and I've bumped into a couple of issues.

    First the whole "plug-in area" could need an enclosing div with a unique class (e.g. "sp-feeds").

    This should preferably not be an identifier since that makes designing all usages of the plug-in hard. (I guess a compromise could be a class and an id).

    This makes it easier to limit CSS to just the content from the plug-in.

    Then each feed could use an enclosing div with a unique class (e.g. "sp-feed").

    This makes it easier to design the display of each feed. The same discussion for class vs id as above can be applied here.

    Each article in a feed could use a class (e.g. "sp-feed-article") to make it possible to design all the articles with one CSS entry, instead of having to design each unique article by it's id.

    Finally the powered by and stats text at the bottom could need an enclosing div (e.g. "sp-footer"), in order to design them separately.

    Here's an example of why I'd love to have the above divs:

    I had a design where I made things "float:left".

    I had to add an enclosing div around the short code for the plug-in (which is a bit impractical). This in order to limit my CSS to just the output of the plug-in.

    I still had the problem that the "powered by" and stats ended up at the top of the list of articles at the far left.

    There is, given the current HTML of the plug-in, no way to place this text at a more appropriate location since I can't address it with a CSS command without an enclosing div with a class (or id or both).

    I hope this rather long entry is of help.

    Thanks again for a great plug-in!



  2. SP developer
    Plugin Author

    Posted 1 year ago #

    Hi Erik,
    Thanks for the feature ideas. SP currently provides unique div ids for each article, but I agree that makes it a challenge to style from a class perspective. Your recommendation has a lot of merit and I will try to get it into the next release.

    Best regards,
    SP Developer

  3. Erik
    Posted 1 year ago #


    I'm looking forward to it!

    Kind Regards,


  4. SP developer
    Plugin Author

    Posted 1 year ago #

    Hi Erik,
    this has been delivered in the latest v1.0.31 version.

    Use the class 'sp-feed-items' for styling articles. Use 'sp-feeds' to style the entire SP output div.

    Best regards,
    SP Developer

  5. Erik
    Posted 12 months ago #


    That looks really nice! Good work!


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Syndicate Press
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic