Shortcodes

WordPress theme dedicated to start-up websites with amazing CSS3 animated icons, price tables and parallax effect background.
GK User
Tue Jun 04, 2013 2:00 pm
Hi

Just wondering if there is a list of all the shortcodes for the simplicity wordpress theme? I've been able to the shortcodes for the joomla based template, but not wordpress.

I'm trying it insert a numblock (coloured circle with number in it) using this code

<p class="numblocks num-2"><span>here goes a number</span>and here text of element</p>

in the "Joomla! and WordPress blog theme inspired by Metro Windows 8 UI" section of the template, but the only thing that get displayed is the number i enter and the text i enter and no styling. If that makes sense?

Regards

David
User avatar
Fresh Boarder

GK User
Tue Jun 04, 2013 2:19 pm
You should have a button in TinyMCE Editor that allows to add all the shortcodes:
Screen Shot 2013-06-04 at 15.17.35.png

Its the last "blue rows" icon in first row.
User avatar
Moderator

GK User
Tue Jun 04, 2013 2:47 pm
Thanks. Great Support.

Is there a way to centre the text (so it is in line with the middle of the circle, like a bullet point) and increase the font size (tried <h2>) but this makes the text sit under the number icon (see link)

https://docs.google.com/file/d/0B-6QB6h ... o2ZkE/edit

Thanks

Dave
User avatar
Fresh Boarder

GK User
Tue Jun 04, 2013 7:28 pm
You could do this with style overrides...
Please edit: wp-content/themes/Simplicity/css/override.css
Code: Select all
p.numblocks {font-size: 30px; padding: 4px 0 23px 75px !important;}


Play with font size and first number in padding (it will move text up and down)

Remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).
User avatar
Moderator

GK User
Tue Jun 04, 2013 10:13 pm
Sorry for the silly questions.

But have minimal coding experience. I've opened the CSS override file in my text editor.

Do I just add the new code under the last line of code in the file or delete what's already there and add in the new line.

And by code: select all i assume you mean to select all or the new code that you gave me.

My apologies I will pick things up over time.

Thanks David
User avatar
Fresh Boarder

GK User
Wed Jun 05, 2013 7:41 am
Select All is a part of code pasting snippet that allows You to select code inside without using mouse and then copy it to clipboard.
With override.css - You open file in editor, and paste the code at the end of it, starting from a new line.
User avatar
Moderator

GK User
Wed Jun 05, 2013 10:36 am
Hi

I've added the code to the override.css file, made changes (increased font size and first number in padding) and saved the changes, but all remains the same.

I've also enabled the use css override file.
User avatar
Fresh Boarder

GK User
Wed Jun 05, 2013 12:43 pm
Could You post an url to your site or send me PM with it?
User avatar
Moderator

GK User
Wed Jun 05, 2013 1:19 pm
My mistake:
Code: Select all
p.gk-numblock {font-size: 100px; padding: 100px 0 23px 75px !important;}


Work a little bit with the numbers, as they are too big now.
User avatar
Moderator

GK User
Wed Jun 05, 2013 1:22 pm
great that worked. Thanks
User avatar
Fresh Boarder


cron