Thank you for your response, however I have done some digging online and appeared to have got something working.
Please use the previous (above) link to preview the page. If I can get this working, I won’t worry about the column background behind.
The coding I have used for the text is:
Level 2 Gym Instructor Level 3 Personal Trainer
REPs Level 3 Status City & Guilds Accreditation Association for Nutrition (AfN)
Exercise for Fat Loss Circuit & Core Training Functional Equipment Training Behaviour Change Coaching
Career Accelerator Package
I also had to had these few lines to the custom CSS Stylesheet section:
" rel="nofollow" target="_blank" title="Link http//maxcdnbootstrapcdncom/bootstrap/337/css/bootstrapmincss">http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">;" rel="nofollow" target="_blank" title="Link https//ajaxgoogleapiscom/ajax/libs/jquery/1124/jqueryminjs/script">https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">;" rel="nofollow" target="_blank" title="Link http//maxcdnbootstrapcdncom/bootstrap/337/js/bootstrapminjs/script">http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
There is a slight issue though…
Here you can see how the Unbounce buttons look before putting the coding in. This is how I have formatted the buttons when creating them.
This is how the buttons look after placing the code in. The text size is automatically reduced significantly in size, which I do not want effected.
Also, how do I go about styling this new element? I would like to maybe change the text size, colour, font and background colour?
Final question, is it possible to define the width? As you can see on the page, the section is cut off early (right hand side) because I have set the HTML box as the same width as the column behind. I would like the section to fit neatly with the border matching the column like how the section stars on the left.
Hopefully that all makes sense!
I appreciate any help.