by c.bavota

Main Menu

Tonic Pro Premium Theme for WordPress

I’ve been playing around with Twitter Bootstrap for a while now, and I thought it was about time I developed a theme based completely on what it has to offer. Tonic Pro is the advanced version of my new fully responsive, HTML5, Bootstrap theme for WordPress.

112 comments for “Tonic Pro Premium Theme for WordPress”

Comment navigation

Today I checked your website and found wordpress themes new themes puse.Imi place.Ten + just a small question: which is the blank Twitter Bootstrap? or did not exist yet and have to do it alone in html?

c.bavota

July 26, 2013 at 10:34 am

Not too sure I follow. Twitter Bootstrap is a boilerplate that used at the basis for this theme. I had to integrate it into a WordPress theme format in order to use it.

I am having a little trouble incorporating any Social Media on the front page. Please get back to me if you have a solution via email.

Thank you

Angelo

August 15, 2013 at 9:34 pm

I just purchased Tonic Pro, and having a lot of fun playing with the different layout options. I am really excited about the NEW slider option, however, I was curious if there was a way to add pictures to the slider, My site could use it, plus I think it would be a great idea!

Thanks!

c.bavota

August 16, 2013 at 8:53 am

Many people have asked about having the large slider background image slide as well. It’s something I am looking into for a future release.

Hi – thanks for the follow up. Yes you can see the site live at http://www.spoonwest.com. I just launched your theme two days ago – is there a more current update? Will the update kill the modification I’ve made to things like text and gallery shadows?

Thanks, Maggie

c.bavota

August 20, 2013 at 10:21 am

Version 1.0.6 is available. Any changes you made directly to the theme files will be overwritten when you update. That’s why you should look into creating a child theme.

Spoon West

August 20, 2013 at 11:58 am

1) Will the update fix the child nav issues? (hamburger menu opens up parent tabs which works fine, but the child tabs do not work)

Sorry to be a pain but also – now the hamburger menu has been replaced by a pill on either side which is blk on blk and very difficult to see. I’m a beginner so forgive my lack of knowledge on how to deal with simple problem on my own.

My only question is about the awesome greyed-out portion of the header (on my site it’s behind the words “Grounded: The Seven, book 1 / Pre-Order soon!”). In my case it covers my book cover image on the left side of the header. Is there anything I can locate in the CSS to shrink the width on that? I didn’t know what you called it and after an hour of fruitless searching I gave up.

I’m learning CSS, but slowly, as my content creation isn’t terribly CSS dependent most of the time. Thank you again, SO much!

c.bavota

August 26, 2013 at 11:01 am

That is just a background for the Jumbo Headline. You can add this CSS:

Really like your theme! I see where I can customize the header image but it doesn’t give me the option to upload my own image. It only gives me the default image and the option to remove it. Is there another way to modify the header image? Thank you!

I love this theme but gosh I have come into some problems now. Isn’t working at all on mobile On desktop I wan my site to always appear as it does at 100%, when magnification is reduced so does my image and then white is displayed around it and it looks terrible…have other things I want to fix but these two are most urgent can somebody please please offer me advice to rectify this – feeling at the end of my tether ????

c.bavota

August 29, 2013 at 9:30 am

What is your URL?

Martin

August 31, 2013 at 2:14 pm

Nice theme. I have almost got it to do everything I need but I would like to move the navigator bar menu from the top right to the bottom left of the header image. Is there a straightforward way to do this? Thanks!

c.bavota

September 1, 2013 at 12:20 pm

You can try using absolute positioning to force the nav bar to appear in a different spot. But it is designed to be at the top so moving it will not be that straightforward.

You are amazing and I love the Tonic Theme. I will be upgrading to Pro when I get more content up on the site.

I have two questions.

1. Those widgets that include the round effect on the pictures you claim are in the home page top area. When I go that section in the widgets menu the “home page top area” widget section is empty. With a comment saying to add some text widgets if I like.” How is it displaying the circled text widgets if the area is currently empty?

2. Is there a way to add social media icons to the home page either in the footer or somewhere near the top, maybe above the awesome nav bar you designed?

Thanks man. You have the most amazing skills. Well done.

c.bavota

September 11, 2013 at 10:09 am

1. They are just placeholders that appear by default if nothing is added to the area. Once you add your own widgets those will disappear.

2. You can add them to the sidebar or the extended footer. There are some plugins available that offer a widget for social icons.

Hi again. Love the theme! Wondering if you can help me with 2 trouble spots: – I have a row of images that display as four in a line on desktop and I’d like them to display 2 in-line on mobile but I can’t seem to figure it out. I can only get them to display as 1 in-line on mobile and they left justify no matter what I do.

– My footer is not stopping scroll at the end. It keeps going about another 5 inches. It wasn’t doing this at first so I’m sure it’s something I’ve done but replacing the footer code didn’t fix the issue. Any recommendations?

Thanks, Maggie

c.bavota

September 12, 2013 at 9:11 am

@Spoon West,

Please use the customer support form for this. It’s too complex to answer in the comments.

Nino

September 20, 2013 at 3:42 am

Hello c.bavota thank you for the amazing theme :). I have one question: can I place the menu under the header?

thanks

c.bavota

September 20, 2013 at 4:46 pm

You can try using absolute positions to do that but the option is not there by default.

I am using the Tonic free theme at this time. In the customizer, I have the “Display Home Page Posts & Sidebar” unchecked for the front page layout. However, the Home page posts and side bar are still there. Is this a glitch? Am I don’t something wrong? How can I fix this? Also, is there an extended footer widget? I can’t find it… or is there a way to create one?

c.bavota

September 24, 2013 at 8:06 pm

That is a bug that is only currently in the free version. The next update will fix it.

i am using your free tonic theme and it is perfect. only thing is that when i changed the font on the header, it looks great on a monitor, but then when i pull up the site on a mobile device it doesn’t lock. someone else asked a questions similar to this but i couldn’t really follow the answer. i am a newbie to this sorry for asking a rudimentary question. it just seems that the as long as the “lobster” font is in effect the mobile site is perfect, it is just that as soon as i change it to arial it becomes unlocked. any help would be much appreciated!

db

September 29, 2013 at 8:33 pm

i have learned that the term i am referring to is the site being “responsive”. with the tonic theme it already is responsive, but when i changed that one lobster font the responsiveness was lost and i have no idea why.

c.bavota

September 30, 2013 at 11:00 am

The only way that changing the font would break the responsive design is if you introduced some type of error somewhere. How did you change the font?

db

September 30, 2013 at 11:38 am

This is what I did: in the editor in wordpress I went to the right sidebar and clicked Theme Functions, then searched for Quicksand, then I found this line of code:

family=PT+Sans|Lato:300,400|Lobster|Quicksand’, false, null, ‘all’ );

then I changed lobster to arial…and what happened is I actually got it to remain responsive on the mobile device, and the font DID change, but the font didn’t change to arial it just changed to times new roman I think (some standard unwanted font). I then tried switching it to a font I knew you had already defined so I turned it to Lato, same effect. I also tried sans font but to no avail. Then I tried deleting lobster all together and same effect. So now the question is….what am I doing wrong? Because before I was having two problems: I couldn’t change the font without affecting responsiveness. Now I narrowed it down to I just can’t change the font.

c.bavota

October 1, 2013 at 8:33 am

Arial is not a Google Font so you shouldn’t do that. Arial is a web safe font so you just need to add the CSS .

db

October 1, 2013 at 9:21 am

i’m still confused though…because i tried it without arial and it still didn’t work. i tried it with quicksand and lato fonts that you already have loaded and it still just turns the font into some default font. ok so here is the website that i am working on so you can see where i am at. at this point i just deleted the word “lobster” all together in the theme line that said,

as you can see, instead of doing what i want which is just to make the heading text font a cool font like quicksand, it turns it into this boring font.

once again any help is GREATLY appreciated!

c.bavota

October 2, 2013 at 12:18 pm

The fonts are loading correctly. Have you used the correct CSS to add the font to the element you want?

db

October 2, 2013 at 2:16 pm

ya know i think it is just because i am using the free version. i was trying to figure this out with the free version because i thought that i wouldn’t have a need for the functions on the pro version, but now that i have been really looking at the pro-version i think i’m just going to buy it. do you have a working website with the pro version though so i can make sure i like how it looks on my mobile device? that is what i love most about your theme…it looks amazing on my phone!