Home>Support>Can’t get button on the same line as the header

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

By Marc Jason, 9 years ago. Last reply by Andrew Misplon, 9 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 11 months ago Marc Jason

    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. 9 years, 11 months ago Marc Jason

    oh and i clicked on save css

  4. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 11 months ago Marc Jason

    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. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Cool, let’s just inline the paragraph then:

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

    Add the above to Custom CSS.

  7. 9 years, 11 months ago Marc Jason

    perfect!! thanks so much

  8. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More