Title: Shortcode customization
Last modified: August 22, 2016
---
# Shortcode customization
* Resolved [banan_44](https://wordpress.org/support/users/banan_44/)
* (@banan_44)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/)
* Hi. I’d like to customize shortcode widget that Subscribe and Unsubscribe button
will be next to the email form (check out screenshot below). Can anyone tell
me how can I do that?
* Screenshot: [http://i.imgur.com/xyVvVdp.png](http://i.imgur.com/xyVvVdp.png)
* [https://wordpress.org/plugins/subscribe2/](https://wordpress.org/plugins/subscribe2/)
Viewing 14 replies - 1 through 14 (of 14 total)
* [Matt Robinson](https://wordpress.org/support/users/mattyrob/)
* (@mattyrob)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659007)
* [@banan_44](https://wordpress.org/support/users/banan_44/)
* By ‘customise’ I presume you mean apply some different styling to it? Just wrap
the shortcode in some HTML div tags with a class name in the content of your
page (or define the class name in he widget settings in the WordPress admin area).
Then add your custom CSS styling to the page at load time – usually by adding
it to your themes style.css file.
* Thread Starter [banan_44](https://wordpress.org/support/users/banan_44/)
* (@banan_44)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659025)
* mattyrob, by customize I meant what I wrote above, moving the buttons next to
the email field – see screenshot. The shortcode is already in div tags, but I
have no idea how to force those buttons to move. The email field is in paragraph
tag, the buttons are in separate paragraph tag, so the source code pretty much
looks like this:
* input for email address
input for the buttons
* I’ve tried customizing tag by adding following line in css:
* .subs p {
display:inline; }
* The div class name for my shortcode is “subs”, but the following code not work.
I have no idea how force those paragraphs to show next to each other without
messing with plugin’s source code. I could do that, but when a new update will
be released, it removes my modification.
* [Matt Robinson](https://wordpress.org/support/users/mattyrob/)
* (@mattyrob)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659064)
* [@banan_44](https://wordpress.org/support/users/banan_44/)
* My apologies. It would seem that I didn’t read your full post.
* The shortcode takes some parameters as documented here:
[http://subscribe2.wordpress.com/support/shortcode-usage-and-parameters/](http://subscribe2.wordpress.com/support/shortcode-usage-and-parameters/)
* You need to use ‘wrap=false’ inside the shortcode.
* Thread Starter [banan_44](https://wordpress.org/support/users/banan_44/)
* (@banan_44)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659074)
* mattyrob, no problem.
* I’ve tried changing the shortcode as suggested, but it did not work either. I’ve
tried with shortcode in a post, inside and outside the div in PHP file on 2 sites.
Maybe I do something wrong. My current PHP code for the shortcode looks like
this and I placed it in theme file:
*
* Originally, the email field is wider (it looks like width: 100%), but I’ve made
it short via this css code:
* .subs input#s2email {
width: 300px; }
* [Matt Robinson](https://wordpress.org/support/users/mattyrob/)
* (@mattyrob)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659087)
* [@banan_44](https://wordpress.org/support/users/banan_44/)
Try adding:
* ```
.subs p {
display: inline;
}
```
* And make sure you refresh the browser and also any server cache you might be
using.
* Thread Starter [banan_44](https://wordpress.org/support/users/banan_44/)
* (@banan_44)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659088)
* mattyrob, I did that already. See my second post.
* [Matt Robinson](https://wordpress.org/support/users/mattyrob/)
* (@mattyrob)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659143)
* [@banan_44](https://wordpress.org/support/users/banan_44/)
* Since it was missing from the CSS snippet you posted I presumed you’d removed
it again. Have you tried adding the ‘!important’ parameter also?
* Perhaps if you can post a link to the site I can take a look myself.
* Thread Starter [banan_44](https://wordpress.org/support/users/banan_44/)
* (@banan_44)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659182)
* mattyrob, I’ve just tried ‘!important’ parameter. It didn’t wokr either. Sorry,
I forgot to post my website: [http://www.bowshrine.com](http://www.bowshrine.com)
* [Matt Robinson](https://wordpress.org/support/users/mattyrob/)
* (@mattyrob)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659203)
* [@banan_44](https://wordpress.org/support/users/banan_44/)
* Okay, I can see the form in the left sidebar but there doesn’t seem to be room
to put the buttons (red and green) to the right of the text box for the email
address. Am I missing something (again)?
* Thread Starter [banan_44](https://wordpress.org/support/users/banan_44/)
* (@banan_44)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659239)
* mattyrob, I’m customizing shortcode in posts, not sidebar widget form. I’m sorry,
I haven’t spiecified that in my first post. Check out any post and scroll down
to bottom.
* [Matt Robinson](https://wordpress.org/support/users/mattyrob/)
* (@mattyrob)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659242)
* [@banan_44](https://wordpress.org/support/users/banan_44/)
* Okay, your CSS is being minified so it’s hard to direct you precisely but you
have a CSS file that defines input elements as block display, look for this and
you’ll find display: block.
* So, try adding into this:
* .subs input[type=”text”], .subs input[type=”submit”] {
display: block; }
* Thread Starter [banan_44](https://wordpress.org/support/users/banan_44/)
* (@banan_44)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659251)
* mattyrob, now it looks like that: [http://i.imgur.com/30wtKJH.png](http://i.imgur.com/30wtKJH.png)
* EDIT: I moved subscribe shortcode under the comments section for now.
* [Matt Robinson](https://wordpress.org/support/users/mattyrob/)
* (@mattyrob)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659252)
* [@banan_44](https://wordpress.org/support/users/banan_44/)
* Sorry, the CSS should be `display: inline;`, not `display: block;`.
* Thread Starter [banan_44](https://wordpress.org/support/users/banan_44/)
* (@banan_44)
* [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659256)
* mattyrob, thank you very much 🙂 Now the buttons are in the same line with email
field.
Viewing 14 replies - 1 through 14 (of 14 total)
The topic ‘Shortcode customization’ is closed to new replies.
* 
* [Subscribe2 - Form, Email Subscribers & Newsletters](https://wordpress.org/plugins/subscribe2/)
* [Frequently Asked Questions](https://wordpress.org/plugins/subscribe2/#faq)
* [Support Threads](https://wordpress.org/support/plugin/subscribe2/)
* [Active Topics](https://wordpress.org/support/plugin/subscribe2/active/)
* [Unresolved Topics](https://wordpress.org/support/plugin/subscribe2/unresolved/)
* [Reviews](https://wordpress.org/support/plugin/subscribe2/reviews/)
* 14 replies
* 2 participants
* Last reply from: [banan_44](https://wordpress.org/support/users/banan_44/)
* Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/shortcode-customization/#post-5659256)
* Status: resolved