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

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

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. 10 years, 24 days 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. 10 years, 24 days 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. 10 years, 24 days ago Marc Jason

    oh and i clicked on save css

  4. 10 years, 24 days 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. 10 years, 24 days 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. 10 years, 24 days 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. 10 years, 24 days ago Marc Jason

    perfect!! thanks so much

  8. 10 years, 24 days 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