WordPress.org

Ready to get started?Download WordPress

Forums

WP Download Codes
[resolved] Styling of text and button created by shortcode (4 posts)

  1. dustycat
    Member
    Posted 4 months ago #

    I've created my post including my [download-code] shortcode however when I view the post, the 'Submit' Button isn't right and the text for the label is the wrong font and colour to go with my theme

    My theme has a dark background and buttons of this sort are styled elsewhere on the website as a dark box with a white border and white text

    However the button for download-code is a white box with white border and white text until you hover over it when the text turns to black. But the white box is also a different shape to the white border.

    The label "enter download code" is also dark text on a white background instead of fitting in with my theme and it is in courier typeface rather than picking up my theme's main font.

    I can't see a css file to style the plugin

    Any tips would be much appreciated.

    Thanks

    https://wordpress.org/plugins/wp-download-codes/

  2. misanthrop
    Member
    Plugin Author

    Posted 3 months ago #

    The plugin does not use any CSS. In order to style the shortcode HTML yourself, just use the div.dc-download-code container wrapped around the button/link.

  3. dustycat
    Member
    Posted 3 months ago #

    Thanks for the reply

    I'll give that a try

    I hope you'll include CSS - or at least ensure the plugin picks up styling from the theme's main CSS - in a future release

    There are some great plugins around for other functionality that integrate seamlessly into whatever theme you are using.

    At the moment, while your plugin has great functionality, the lack of styling or natural integration lets it down.

    Thanks again for the advice.

  4. misanthrop
    Member
    Plugin Author

    Posted 3 months ago #

    Actually, at the moment I do not understand this. The code rendered by the plugin does not have any CSS behind it. It uses only plain and absolutely simply HTML tags, no complex nesting etc. Means that there is no CSS which could potentially override CSS from templates or WP standard styles. So the result shoud be in my opinion and according to the design behavior of the CSS language that the plugin's HTML is rendered according to these CSS styles. I beg all of your pardon, but I would not know what to change to integrate the plugin "seamlessly" into whatever theme as I do not have any CSS defined.

    I actually also would not like to introduce an approach to add specific CSS styling as a dedicated plugin setting because this just decreases performance due to additional database queries and furthermore users would have to maintain additional CSS at a different location than their main theme's CSS.

Reply

You must log in to post.

About this Plugin

About this Topic