Humble - Responsive Wordpress Template

Hey there,

I’m afraid that’s just how I designed Humble, but I’m always happy to help

You’ll need to create a few CSS rules to override the default styling, you’ll want to go down these lines, but have a play in a tool like FireBug & you’ll figure out what you need;


p a {
display: inline;
padding: 0;
margin: 0;
background: none;
box-shadow: none;
border: none;
}

Basically what we’re trying to do is remove all the extra styling and reduce certain a tags down to basic text. If you want to modify the a tags in the twitter feed then the tag is;

#jtwt a {}

Hope this helps!

TommusRhodus Author

Oh & thanks for the purchase

bloggerabides Purchased

Heya – I’ve done some more customization to remove some of the box styling around links, and have gotten quite far. One odd issue I still can’t seem to track down is that the second element in many lists appears to have different styling. Like, in a list of tags, the second one is unreadable. In a list of comments, same thing. Does this ring a bell as something easily fixed, or is it a side-effect of my overzealous overrides?

The issue is visible here, for example, in the tags to the left of the post: http://chrishiggins.com/w/2013/02/03/playing-to-lose/

TommusRhodus Author

Hey there,

Quite a few elements are styled with a :nth-child(2n) pseudo class, have a check through the various styling files for that being used and you’ll see what’s happening

Cheers!

Bought between 1 and 9 items
Has been a member for 0-1 years

bloggerabides Purchased

Excellent—this fixed it right up! (I did some color tweaking and added a text-decoration to underline the links.) I have a few minor fiddly bits to make, but am actually stunned at how easy this fix was. Thank you! FWIW, it’s in use here: chrishiggins.com

1 older reply

TommusRhodus Author

Hey thanks

You’ve done some nice things with the site

Happy new year!

bloggerabides Purchased

Thanks again, and happy new year! I have one more nagging question, though. Is there a way to disable the #btt (up-arrow at bottom)? I gave it a go setting its opacity to 0 via a CSS override, but I suspect the media query is simply setting it back to 1 again when appropriate.

TommusRhodus Author

Hey – just drop this listtle snippet into the custom CSS area of the theme customizer;

#btt { display: none !important; }

Cheers!

bloggerabides Purchased

That is amazingly helpful and speedy! Thank you again!

Bought between 1 and 9 items
Has been a member for 0-1 years

JackSek Purchased

I love the design. Truly creative with a lot of potential. But I’m new to WP and when I tried to upload the zip, I got the following message: The package could not be installed. The theme is missing the style.css stylesheet. How do I remedy this? Thanks!

1 older reply

TommusRhodus Author

Hey there!

You just need to unzip the .zip file you download from TF. Inside you’ll find all your documentation etc. & another .zip file called ‘HumbleWPTheme’ – that’s the file you’re looking to install

JackSek Purchased

That worked! Thanks!

JackSek Purchased

Lastly…you made this offer to someone else: “Your featured images are cropped to a 1×1(ratio) square, optimum pixel size would be 454×454px – would you like me to send you a mask of the diamond shape that you can work with in photoshop,..” Would it be possible for you to send me the mask of the diamond shape as well? Thanks so much! emailfromjs at America On Line

TommusRhodus Author

No worries, would you like to send me a message through my profile and I’ll respond directly

Bought between 1 and 9 items
Has been a member for 0-1 years

NathanKG Purchased

Hello, I recently purchased the design and really like it so far, but I have a few questions.

I’m currently not able to insert a button using the regular shortcode in the home gallery images section. Pretty much like the one you have in the live demo, and was wondering if there was something I was doing wrong. I’m using the button tags but it seems to only work in the main content area for the home page.

Also I was curious as to what size I should resize images to for the feature and home page gallery tabs for future use.

Thanks a lot for any response, I appreciate it!

TommusRhodus Author

Hey there, thanks for the purchase!

If you mean the little blurbs next to the ‘Recent Blogs’ & ‘Recent Works’ section on the homepage, then the buttons in there are just simple a tags. In other words just use the standard link tool on your WP-Editor to make them – no shortcode required here.

The home page gallery, the images can be any size you want, it works better if all the images are of the same size, my only recommendation is that you make the width at least 940px wide.

Other images are cropped & handled by WP functions, so the same is probably best, at least 940px up to about 1100px width.

Hope this helps

NathanKG Purchased

Thank you, this helps a lot. I think I got everything in working order. One last question; is there a way to display a summary under the blog section when looking at all recent posts? It’d be really awesome if I could have a “read more” link that would link to the full article. I’m not sure if it’s possible with this theme, but I just thought I’d ask in case I was over looking something.

TommusRhodus Author

http://en.support.wordpress.com/splitting-content/more-tag/

Hey there,

Yep, Humble support the wordpress ‘more’ tag which you can use to add in a manual breakpoint to each post;

I hope this helps

Bought between 1 and 9 items
Has been a member for 0-1 years

tonygarcha Purchased

I was wondering if there was a way to remove the highlight that appears when you rollover any links. I’d like to keep it for the menu but remove it throughout the rest of the website. Any way of doing this? I can move around wordpress pretty good but just not too good at coding

TommusRhodus Author

No problem, I’ve written some custom code for you which I’m 99% sure is perfect

You just need to empty /inc/framework/custom_styles.php and replace it with this;

http://snippi.com/s/dwoe8jq

Hope this helps!

tonygarcha Purchased

Thanks for the code. However, it did not remove the hover or box around the urls which is what I wish to do.

TommusRhodus Author

Oh I see! That’s decidedly more difficult to remove the boxes because of the way the CSS is written, quite a lot off the css relies on the boxes.

If you use a tool like Firebug you can figure this out in real time, just target the elements you want & try some changes, you’ll be wanting to remove the background-color & padding from the ‘a’ tags, custom_styles.php also writes a couple of these styles as well so you’ll need to modify that carefully also.

I hope this helps!

Bought between 10 and 49 items
Has been a member for 1-2 years
United States

KingLennie Purchased

I see the social icon folder contains lots of other social site PNGs. Where are these applied so that MySpace or Instagram can be included in the social widget?

TommusRhodus Author

Hey there,

If you feel like editing the files directly then you could easily add whatever social Icons you wish into /inc/framework/widgets.php – or if you’re not using all the social icons I’ve already assigned then you could rename myspace.png to Facebook.png (if you weren’t using Facebook) this would then load into the facebook area & you can set the link in the facebook link section.

If you want to add more to the social widget it’s easy, here’s a code snippet for you; http://snippi.com/s/owfipma

Hope this helps!

KingLennie Purchased

This is exactly what I needed. Perfect. Thanks for the quick reply!

Bought between 1 and 9 items
Has been a member for 0-1 years

renzo69 Purchased

Hello, I purchased your template. Everything’s fine but it does’nt work very well on the latest versions of Firefox (18.0.1) in particular on items Portfolio rollover (it works on the version 14.0.1 of Firefox) Is there an update version to fix bugs? Thanx for advance

2 older replies

TommusRhodus Author

Hey there,

I’m looking in 18.0.1 now, everything seems fine on my demo site, would you like to post a link to your site so I can take a quick look

renzo69 Purchased

I’m working on Mac. Here’s the link : http://www.laurentjoubert.com/

TommusRhodus Author

What a shame! It seems the updates to firefox have further broke it’s .svg support (creates the image masks.)

I think what’s best here is for me to remove the circle support from firefox, Chrome & Safari load the image masks perfectly, Firefox not so much, it used to load the circle mask perfectly but I guess that’s not longer. I’ll get this fixed in an update so that Firefox simply falls back to square items instead

Cheers!

renzo69 Purchased

Thanks a lot for your answer. I put square items instead. I’ll wait for the update.

TommusRhodus Author

No Problem

Bought between 1 and 9 items
Has been a member for 0-1 years

nEmoGrinder Purchased

Hi, I’ve purchased the theme and am enjoying it a lot. I have a question about the home screen though.

In the recent posts/profile section, where does it pull the images from? My 2 latest posts are video, not image, and all I get is a blue line instead of something nice.

The 3rd post is an image, but it does not appear as a square, it tries to show the whole image shrunk down so I get a very short and squished preview.

Is there a way to override those images, or to hide or place an image in the original post to make it visible on the home page recent area?

EDIT: So I’ve figured out that if I set a featured image on my posts, regardless of post type, those will how up in my recent area (for the blog at least, i’m assume this also happens with portfolios).

I still have the problem that one of my images (for an image style blog post) isn’t being cropped and is instead being shrunk to fit the square. For the record, when I select the image template, I get no new options, it looks identical to the standard template, and I simply add a featured image. Is this correct?

TommusRhodus Author

Hey there,

Use ‘The Featured Image’ for the home-page items – for your image to crop properly you’ll need to make sure your image matches at least 450px on both side, sounds like your short, squished one probably isn’t at least 450px tall.

I hope this helps!

nEmoGrinder Purchased

Ah, I updated just as you were posting. I’ll give that a shot and update this post to let you know if it worked!

nEmoGrinder Purchased

Yup, it was smaller than 450px, I’ve increased the size and it’s now looking great, thanks a lot!

Bought between 1 and 9 items
Has been a member for 0-1 years

Fortifyvc Purchased

http://0364da3.netsolhost.com/WordPress/

Help! It is not loading correctly. I am not sure if it the version of Wordpress that I am running or if there is an error with my download. Please advise.

TommusRhodus Author

Hey there,

Everything looks fine, don’t worry. Now that you’ve installed the theme you need to follow the included documentation to set it up. It’s in with the file you downloaded. Read it through, take your time, and you’ll have it all set up and brilliant :-)

Cheers!

Fortifyvc Purchased

I have installed the XML.. I was assumingthe the XML would set it up the way the demp showed. If this is not the case I would rather receive a refund.

Fortifyvc Purchased

trying my best now. All of a sudden the pictures showed up.

Bought between 1 and 9 items
Exclusive Author
Has been a member for 2-3 years

ibnutri Purchased

My girlfriend made me buy this theme for her… I wonder if she’s in love with it because of the DotA illustrations in its preview. :chuckle:

TommusRhodus Author

thanks, they’re done by a friend who actually got an email from Valve about them! www.a4man.com

Thanks for the purchase

Bought between 1 and 9 items
Has been a member for 0-1 years

PowerSerge Purchased

Having an issue with the portfolio column-based layout. Some ‘cells’ are unpopulated. In row 1 all columns contain a photo, in row 2 only 1 column contains a photo, row 3 also missing photos, etc. Checked the source code and there are as many DIVs as there are images, so not a case of missing assets. Any thoughts? v1.1

TommusRhodus Author

Hey there,

I’d love to take a look for you, would you like to leave a ticket at my support site where you can leave a URL also so I can have a look at your HTML output for myself;

http://tommusrhodus.ticksy.com

Cheers!

Bought between 1 and 9 items
Has been a member for 0-1 years

CampbellIsrael Purchased

I am trying to embed video in my Humble theme but it is coming out very distorted…justified right, with random “comment” bars floating on the left. I have deactivated the “comments”...help. Thanks

TommusRhodus Author