Free Theme: Swell Lite

swell-free

We’re stoked to announce the release of a free theme, Swell Lite!

Swell Lite was created as a way to give back to our loyal customers at Organic Themes that have supported us over the years. It’s a basic blogging theme designed and developed to perfection. The theme was crafted with WordPress.com standards in mind. Swell Lite boasts an ultra clean design and extremely well commented and formatted code. The theme is ridiculously easy to setup using the WordPress customizer, making it an excellent solution for bloggers. Budding theme designers and developers may appreciate picking this theme apart to see how we construct our Organic Themes.

Support is not included with Swell Lite, but there is a premium version of Swell available for sale on our site that includes support, documentation, several additional page templates, features and options.

You can also download Swell Lite from the Swell Theme site or directly from Github.

Update: The theme has been released in the WordPress.org repository here.

Mahalo and Happy New Year from your friends at Organic Themes!

59 Comments on “Free Theme: Swell Lite

  1. Such a free WordPress theme nice theme.I has download this themes for my websites. It is it possible to install revolution slider plugin in “Swell Theme”

    • Hi Jaelon,

      You should be able to install the plugin with the theme, however some integration will be required and we cannot guarantee compatibility as there are far too many plugins for us to test them all. Note that in the premium version of the theme we do have Jetpack’s featured content slideshow integrated.

      Glad to hear you’re enjoying it!

      Cheers!

  2. Hi,

    The Swell theme is gorgeous, so thanks for releasing a lite version.

    I see there’s functionality in the lite demo to have a large background image (header?) for an individual post or page which populates below the main site header. However, I don’t see how to actually get that to work on my own site.

    Where is the option to configure this?

    Thanks!

  3. Hi Amy,

    Thanks for the feedback! 🙂 You would need to assign a featured image to your post or page in order for it to display as a featured banner for the page/post in particular.

    Cheers!

  4. Hi !
    I’m having trouble getting the Excerpts function to work – I have it selected on each post but it still showing entire post on the home page.
    Can you offer any advice?
    Thanks!

    • Hi Veta,

      Have you tried inserting a ‘More Tag’ in your blog posts? You’ll need to do so for only an excerpt to display in the blog page.

      Thanks!

      • Hi Rebecca – thanks for your reply 🙂

        Yes I got the “read more” tag at the bottom of the post, but it did not change the excerpt length – still entire post shows.

        I ended up using a plugin 🙂

        • Glad to hear you got it sorted Veta!

          You would need to insert the ‘More Tag’ where you wanted your content to stop within the post rather than at the bottom for it to work properly for future reference.

          Cheers! 🙂

  5. Hi, is it possible to change the colour of the header text? My header image is black and white so I cant see the white font.
    thanks

    • Hi Laura,

      You can change the color of the header text by targeting the `#masthead .site-title a` and `#masthead .site-description` selector through CSS to edit the color for either of these.

      Thank you!

  6. Super nice theme! I was wondering whether transitioning from the free version to the premium theme requires much work?

    • Hi Elio!

      All your content would carry over into the new version without a problem. You would simply need to configure the options again and add content for the additional templates if you chose to use these.

      If you have any other questions you can email us at [email protected].

      Thanks!

  7. Hello,

    How to display post and sidebar to the right with the widgets and not only articles in close-up.

    Thanks a lot,
    Martin

    • Hi Martin,

      You will need to add widgets to the Right Sidebar under Appearance > Widgets in order for the sidebar to display next to your posts.

      Thanks!

  8. Hi!
    I downloaded your theme yesterday for my blog and I love it! I just wanted to know if it is possible to modify the style of the letters in the header?

    Thank’s a lot!
    Alex

    • Hi Alex,

      You can edit the style of the letters in the header through CSS by modifying the `#masthead .site-description` and `#masthead .site-title` selectors.

      Thank you!

  9. When I add a header image, when I scroll down the page the header image moves up the page revealing a solid color background. I made my header image the dimensions the theme said to make it. What am I doing wrong?

    • Hi Bill,

      I would need to see a link to your site to confirm what the issue may be. You can provide a link here or email us directly. Note that support is not normally included with this theme.

      Thank you!

      • I had to enable the main menu and it fixed it. Thanks for the reply :-).

  10. Hi Rebecca,

    Thank’s a lot for your help that’s perfect!

    Alex

  11. Hi, First off, SWEET THEME
    is it possible to move the logo image UP higher so it is not sitting in the middle of my header image?

    • Hi Mark,

      Glad to hear you enjoy the theme! 🙂 You can move the logo up by adding padding to the bottom of the ‘#logo’ selector through CSS.

      Thanks!

  12. Dear Rebecca

    I absolutely love your theme, but would you please advise where I could edit the “continue reading” button? Granted it also add post title, the whole things is way too big for my blog.

    I’d much appreaciate your soonest answer.

    • Hi Bud,

      Glad to hear you are also enjoying the theme! 🙂

      You would looking at editing the `.more-link` selector through CSS in order to edit the styling of the button. Additional support on this is not provided with the Lite version of the theme.

      Thank you!

  13. Hi,

    I love this theme but I was wondering if I would be able to either:

    1. Widen the article width length – more words per line.
    OR
    2. Reduce the width of the white box that the article sits in?

    • Hi Nicolle,

      I’m afraid this level of support is not included with the Swell Lite. If you wanted to go for the Premium version of the theme we would be glad to assist you in our support forums. Otherwise you would be looking at hiring a developer if you were unsure how to proceed with your customizations.

      Thank you!

  14. Every time I upload a header image the bottom part of it is cut of. It seems like the menu is over that part of the image. How can I make the full header image visible?

    • Hi Falk,

      This depends on how you have your menu setup, the size of your image and the display you are using the view your site. You can edit the image dimensions to get a better result, but you cannot control which part of it displays on a smaller screen.

      Thank you!

  15. Hi – I’ve just updated my website theme to Swell today and I LOVE it! Thanks!

    I’m just wondering – on a mobile the website heading is cut off and the first word disappears into the white in the photo. It looks great on a computer screen! Any suggestions for how I can tweet this?

    Thanks so much for your time!

    • Hi Ann-Marie,

      You will want to make sure that the responsive option is active on your site, otherwise I would need to view the site to understand what exactly you are referring to. It could be a question of how you have your header image setup or simply of the responsive option not being toggled. Try working with these and it should help.

      Thanks!

      • Hi Rebecca,

        Thanks so much for your reply. Just wondering how I check that the responsive option is checked. I’ve had a hunt and can’t seem to find it 🙂 Other than the title, the rest of the site looks great on a mobile.

        Thanks again,
        Ann-Marie

        • Hi Ann-Marie,

          The option would be found under Appearance > Customize > Layout. You would uncheck the box and recheck it before saving to toggle this option. Note that if you have added the title directly on the image rather than using the site title area assigned for it, this could also be the reason for an issue.

          Thanks!

  16. We’ve just adopted this theme, and we’re trying to figure out how to add a facebook and twitter widget to the front page. Any suggestions?

    • Hi Abby,

      You’ll need to create a Custom Menu and add links to your social sites this way. Assign this menu to the Social Menu location and it will display in your footer.

      Thanks!

  17. Hi Rebecca, I’m having the same problem as Ann-Marie about the text that don’t show up properly on mobile. I also tried to find this responsive box that you talked about. Under Appeareance, Customize and Layout, but I only find these checkbox :
    Show Blog Author Link?
    Show Blog Date & Comment Link?
    Show Post Featured Images?

    Maybe I did something wrong, can you help me ?

    • Hi Nicolas,

      I believe the option is not present in Swell Lite. It may simply be a case of the text being hidden on the mobile version or an issue with the header image you are using.

      Thank you!

  18. Hi Rebecca — what a lovely theme!
    In the last update. it seems like there is i tiny bug in the comments section, displaying code snippet () in comment header? Just wanted to see if I (or you) can do anything to fix this?
    Thank you!

  19. Oh, silly me, of course the code won’t display. That should be the tag for a line break!

    • Hi Vicky,

      I’m not sure I can replicate the bug. Send us an email and we can look into it with more detail.

      Thank you!

  20. Have been trying Swell lite with WordPress and updated to 1.1.3 through admin panel. Then the site got PHP parsing errors citing line 1 in logo-title.php.

    Here is line one:

    It seems pretty messed up? Line 5 appears to have similar problems.

    I am just learning, but thought you might like to know.

    Thanks

  21. Good Evening,

    I am using a single row, two column table to add two images next to one another in my posts. It looks like the theme (or possibly Chrome?) is not keeping the images the same size and is making one smaller than the other. Can you help?

        • Your images appear to be different sizes, so the only way to ensure they display uniformly, is to make sure they are all the same size prior to upload (this can be forced through CSS, but at the cost of the image quality).

          Thanks!

          • Actually they are all uploaded at 1000 x 750 into wordpress and then added to the tables in wordpress as full size at 1000 x 750… In the previous theme I was using the table columns would distribute at equal percentage widths and adjust the image sizes accordingly. I’ve spent a while looking into this issue and it seems some responsive themes have this problem…

  22. Hi Melissa,

    Most of the images are 300x300px; some of them are 650x650px, that’s having an impact (the larger ones are near the top). Otherwise, I’m not seeing any theme styling that’s interfering. Some of your images have empty space built into them, for example:

    http://cdn.avantlink.com/product-images/2973/6155/300×300.png
    http://cdn.avantlink.com/product-images/2489/7887/300×300.png

    So that will cause them to display differently in the sidebar. If you can, re-upload the images without that white space and it should solve the issue.

    Thanks!

    • Thanks but as I said, everything is uploaded 1000×750 both as a wordpress media file then into the tables as full size. When added to a table they are resized evenly in the wordpress post. Ive been working with wordpress for several years now and haven’t run into this issue with other themes using the images in tables. It is only when the webpage loads using swell lite in responsive mode that they become skewed. I can send screenshots showing the even distribution in the wordpress post as well as the pic description listing them as a 1000 x 750 full size embedded pic but I’m not sure where to send them…thanks!

      • Hi Melissa,

        I don’t think there’s a need. The issue is two-fold. First, some of your images are 650x650px: https://cloudup.com/c6_ZOtxjT3c. Compare that with the image beside, which is 300x300px: https://cloudup.com/cTC_NI4wQEJ.

        Second, some of your images include white space, so the image doesn’t look like it’s aligning with the others even though it is (the white space blends in witht he sidebar background):

        http://cdn.avantlink.com/product-images/2973/6155/300×300.png
        http://cdn.avantlink.com/product-images/2489/7887/300×300.png

        There’s no styling coming from the theme that is interfering with the images, as you can see here: https://cloudup.com/cpLqlpQLCit. The only relevant theme styling is one the `img` tag, which is setup to have an image display at 100% width with a height of ‘auto’, and that ensures that the image isn’t skewed in any way.

        If you ensure that your images do not have any white space, then they should show consistently. Compare the first image link above with the second and you’ll see the difference.

        Thanks!

        • Ahhh I see the problem, I was not talking about images in the sidebar. Very interesting the “Cloudup” site, I just may use it in the future 🙂 I was talking about the side by side images I have in the posts. The sidebar images are autogenerated by avantlink and I think they look just fine. I opened the site on Mozilla, versus Chrome, and it looks like the images in the post tables are not being resized as they are in Chrome… interesting. I might just have to make all the ones in the tables smaller…

          • Aha, thanks for clarifying!

            The images in your post bodies are all wrapped in table styling. My recommendation would be to remove this, and then use Jetpack’s ‘Tiled Galleries’ module to create a much nicer layout that works fine in all browsers. (You’re not presenting a table of information either, so the markup isn’t semantically correct.)

            Thanks!

  23. Hi! First of all, I like your theme a lot, it’s awesome! I’m just running into a bit of trouble, if you check out the pages on my website (tplawclub.org) you would see that a part of the text is in Times New Roman and the other part is in another type of font. I have no idea how to change that, can you help me?

    Congrats on the great work!

  24. Is there a way to change the first paragraph typeface to be the same as the rest of the article?

SAVE 20% On All Organic Themes This Holiday Season! Use Discount Code "HOLIDAYS20" At Checkout!

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match