• Resolved Gougnek

    (@gougnek)


    Hi,

    I have a simple layout issue with the sell-downloads plug-in. This is probably related also the theme used, but I didn’t find a way to workaround this. The issue is quite simple: the “Pay Now” magnified so that it takes a maximum space to the right margin. So it is maybe 40 times bigger than expected, which break the whole layout. I looked in the generated code, and it looks clean: the button is defined by:

    <input type=”image” src=”http://www.madrijazz.ch/wp-content/plugins/sell-downloads/paypal_buttons/button_c.gif&#8221; style=”padding-top:5px;”>

    so no size is indicated, I would expect the button to be the original file size.

    I looked in the CSS definitions, but couldn’t find a reason for which this button is magnified. If at the same place, I put an <image> tag instead of the <input>, the image size is OK (not magnified). But when in the input directive, it is fully magnified… Any idea how I could workaround this ?

    I am using spectra theme.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @gougnek,

    The issue is simple, in the “http://www.madrijazz.ch/wp-content/themes/spectra/style.css&#8221; file it is defined the CSS rule:

    input, select {
    	width: 100%;
    }

    You simply should include the following style definition:

    input[type="image"]{width:auto !important;}

    in any of the CSS files used by your website, for example the CSS file of the plugin:

    http://www.madrijazz.ch/wp-content/plugins/sell-downloads/sd-styles/sd-public.css

    The preferred solution would be create a child theme.

    Please, remember to clear the browser’s cache after edit the online files.

    Best regards.

    Thread Starter Gougnek

    (@gougnek)

    OK… found the reason for that in the CSS of the theme:

    input, select {
    width: 100%;
    }

    I will have no choice than customizing the CSS of the theme and hack the plugin code to use a specific style.

    Cheers.

    Plugin Author codepeople

    (@codepeople)

    Hello @gougnek,

    Please, check my previos ticket, I’ve recommended some files where would be possible to include the new CSS rule:

    input[type="image"]{width:auto !important;}

    But I prefer to create a child theme where include all custom styles to prevent they be lost with the updates of the theme or plugin.

    Best regards.

    Thread Starter Gougnek

    (@gougnek)

    Yes, indeed… I was writing my own answer when you were writing your previous one…. so I didn’t see it before I posted mine. But in the end, the conclusion was the same.

    I will check for the child theme concept that I didn’t use until now, but as a first step, the new CSS rule work well. I just added a more precise directive:

    .sell-downloads-product input[type="image"]{
    	width:auto !important;
    }

    I take the opportunity to say that I also added the following rule in the same file to avoid filter menu to overlap each others:

    input, select {
        width: auto !important;
    }

    I will translate the plug-in in French. Unfortunately, the design of the plug-in doesn’t currently allow to easily change translations without touching the code… in case in the future the language is split from the code, let me know and I will do an official french translation.

    Best regards.

    Plugin Author codepeople

    (@codepeople)

    Hello,

    All texts used in the public website are included using the internationalization modules of WordPress, you simply should create the corresponding language files (.po and .mo) into the “/wp-content/plugins/sell-downloads/languages” directory.

    Best regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Buying buttons size too big’ is closed to new replies.