This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Can’t get button on the same line as the header

Resolved 8 replies premiumthemetheme-vantage
Marc Jason
10 years ago · Last reply by Andrew Misplon 10 years ago

Hi,
This is probably an easy one. Im using the vantage theme with the ultra skype button plugin. How do I get the skype button to be next to the Skype Me header on this page
http://www.aimlesswanderer.net/contact/?preview=true&preview_id=34&preview_nonce=1270784806
I currently have this code

<h2>Skype Me [ultra_skype" btn_type="call" btn_id="2" user="theme.ultra"]</h2>
Find me on Skype: marctjason

in a visual editor
thanks

URL: http://www.aimlesswanderer.net/contact/?preview=true&preview_id=34&preview_nonce=1270784806

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Andrew Misplon Staff 10 years, 6 months ago

    Hi Marc

    The widget markup could look something like this:

    <div class="sidebar-skype">
	<h2>Skype Me</h2>
	[ultra_skype" btn_type="call" btn_id="2" user="theme.ultra"]
</div>

    At Appearance > Custom CSS you can target it as follows:

    .sidebar-skype h2 {
	display: inline-block;
}
.sidebar-skype .ultra_skype_button {
	display: inline-block;
}

    Hope that helps.

  2. Marc Jason 10 years, 6 months ago

    Hi Andrew,
    Thanks for your help. I tried that but it did not work.

    I assume I did the right thing.
    On my contact page. I click to edit the visual editor and go to the text version.
    I put in the code above

    <div class="sidebar-skype">
<h2>Skype Me</h2>
[ultra_skype" btn_type="call" btn_id="2" user="theme.ultra"]
</div>

    I then go to appearance Then Custom CSS
    I pasted in the code above

    .sidebar-skype h2 {
	display: inline-block;
}
.sidebar-skype .ultra_skype_button {
	display: inline-block;
}

    Is that correct?

    Thanks

  3. Marc Jason 10 years, 6 months ago

    oh and i clicked on save css

  4. Andrew Misplon Staff 10 years, 6 months ago

    WordPress is inserting an empty paragraph after the h2. Try putting the shortcode on the same line as the h2 after the h2 closing tag.

  5. Marc Jason 10 years, 6 months ago

    Like this?

    <div class="sidebar-skype">
<h2>Skype Me</h2>[ultra_skype" btn_type="call" btn_id="2" user="theme.ultra"]
</div>

    I tried that and it didnt work

  6. Andrew Misplon Staff 10 years, 6 months ago

    Cool, let’s just inline the paragraph then:

    .sidebar-skype p {
	display: inline-block;
}

    Add the above to Custom CSS.

  7. Marc Jason 10 years, 6 months ago

    perfect!! thanks so much

  8. Andrew Misplon Staff 10 years, 6 months ago

    For sure :) Glad we could help.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread