PHP Problems with Buttons

[amitzala]

Hi There

I’ve been using the following code for two buttons on the homepage of this site

dac.youbambuu.com

I originally posted this up on the CSS forum – you can see the backstory here – which includes the code I am using.

https://css-tricks.com/forums/topic/problems-aligning-two-buttons-next-to-each-other/

For some reason the code is not doing what I am asking – or probably much more likely I am not using the right code –

Please help !!

[amitzala]

@chrisburton – Hi thanks for chiming in .. I’m really new to coding and PHP so not quite following you. At the moment the code is

[button label=”Join Us” url=”http://dac.youbambuu.com/?page_id=158″%5D
[button label=”Book Us” url=”http://dac.youbambuu.com/?page_id=160″%5D

Where is the <br> ? I want the buttons in the middle but next to each other if that helps ….

[amitzala]

@chrisburton Yes I’m using WordPress Text editor

[chrisburton]

@amitzala Hmm. I don’t use WordPress but there should be a code that you can add to functions.php that will stop WordPress from automatically adding break tags.

In your CSS file, you need to find .tt_sc and add display: inline-block; to it. The only thing that is preventing your buttons from being side-by-side (inline) with each other is the break tag that is visible when you view the page source code.

[chrisburton]

Let’s try this. Remove the whitespace between the two shortcodes.

[button label=”Join Us” url=”http://dac.youbambuu.com/?page_id=158″][button label=”Book Us” url=”http://dac.youbambuu.com/?page_id=160″]

In your CSS file, do what I suggested above. This might work.

.tt_sc {
    display: inline-block;
    /** if you have anything else inside of here, that's ok. **/
}

[amitzala]

Ok I’m looking at the Beckett Stylesheet (style.css) – it’s a huge file any tips on how I locate this quickly ? WordPress doesn’t give you a search function !!

[chrisburton]

On OS X, try CMD + F and search tt_sc.

On Windows, try Cntrl + F and search for tt_sc.

[chrisburton]

This is the file you need to edit: http://dac.youbambuu.com/wp-content/plugins/themetrust-shortcode/css/tt_shortcode.css

And this is the change you need to make:

.tt_sc { display: inline-block; margin-bottom: 1em; }

[amitzala]

@chrisburton – Thanks for all this – WordPress displays the file as a scrolling window – rather than all the text on one page – so the find function only looks at what is displayed !! So I need to go through it all when I have some time – I’ll do what you recommend then get back to you if there are any probs. Thanks for helping out.

[chrisburton]

Don’t you have access to the server?

[amitzala]

Ah through FTP you mean? Yes I do didn’t think of doing that – it’s hosted on my server space so yes – ok will do ! Cheers !

[chrisburton]

You should start using SFTP at the very least. But that’s another topic.

[Author]

Posts