1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)

Spacious is a beautifully designed free WordPress theme from ThemeGrill. Comes with a galore of features so that you can use it for your business sites, portfolios, blogging or any type of sites.


  • Beautiful Design
  • Responsive Layout
  • Homepage Slider
  • Custom Menus, Background & Header
  • Custom Page Layouts
  • Custom Widgets
  • Theme Option Panel
  • Translation Ready
  • 100% Free, GPL Licensed

← Previous theme

Next theme →


  1. Hi! Is there an easy way to change the green colour of everything (buttons, titles, etc) for red? Thanks a lot!!

  2. Love it! Amazing color combinations that match perfectly and create an eye candy result for corporate website.

  3. Hi there! Amazing theme, would it be possible to have social network on the header?

    • yes, you can add almost anything there! there is a widget position called “Header Widget” in your Widgets page, install any social plugin and drag it’s widget to that position.
      or you could add social buttons manually there if you wish so.

      let me know if you need help there.


  4. Hello Admin,
    Is it possible to remove the footer credits of this theme?
    Please let me know..
    Thank you!

    • Sure, it’s released under GPL, so you have right to do so.

      you can change it’s footer credits by editing footer.php file, find

      line in that file, change it to whatever you want.


      • I thought that you had to buy the pro credits to eliminate the footer credits or change it.

        • I meant “Pro Spacious,” because I read that somewhere that specifically said you could edit the copyright in the footer.

          • Nope, there is no problem editing the footer links, GPL License allows you that, so you don’t have to worry on that.

            and, about that Pro feature, that might means there will be an option in your Theme Option page to edit those footer credits when you buy a pro version.

            hope it’s all clear now.

          • Thanks again. I understand. It’s in theme options with pro and without you have to edit that line. So am I deleting the entire line? Maybe I’m afraid to experiment. Lol. But I love this theme thus far.

      • I’m afraid of code, so I found the line and I’m scared to touch it.

      • what do i change in ” ”

        suppose i had to change it to ABC

        • Hi,

          are you asking on what you need to replace this code in the footer?

          you could add anything you want there, but normally we add a copyright text there, so change it to,

          it will display as “© 2014 Your Site Name“.

          hope that helps.

          • can u please tell me what code to add for web designing credits?

      • Gautham Navada

        thanks a lot!

      • Jurgen

        I don’t want to remove the whole line, but would like to have my own personal text instead of credits ‘THeme By and Powered by”.

        In what should I change this line () ??

  5. Hi! On the bottom of the screen I’m seeing this: You may use these HTML tags and attributes:

    Is it supposed to be there?

    • Hi,

      that’s for commentors, if you want to remove it, go to your Dashboard -> Appearance -> Theme Options

      Click on Design tab, scroll to Custom CSS option, and paste the following codes there.

      save it, will be okay then.

      • You are the best! It worked. Thanks a lot.

      • Andreas

        Hi Saeed,

        What is the code if I want to remove the complete comment/reply box after every page?


        • Hi,

          Sorry for the delay, i was in another city without my PC.

          To disable comment section from every Pages, delete following comments from page.php file

          if you want to remove comment section from single posts too, then delete following comments from single.php file.

          save it.

          feel free to ask if you need any more help there.


          • Andreas

            Great, thanks so much!

          • Andrei

            Hi guys. You can easily also get rid of the comments section by deactivating the comments for each page. Instead of clicking on the page name to edit it, hover over, go to quick edit, and uncheck the ‘allow comments’ box. Save, and they will be gone.

  6. Hi. I used Page Builder and added a self-hosted video, but it doesn’t play. I added the link and nothing happens. It is blank. What am I doing wrong?

  7. Hi! I can’t for the life of me figure out how to remove the bar under each of my posts- the categories, comments, etc. Any insight? Thanks!

    • Hi there, sorry for the delay.

      btw, i didn’t got your question fully, can you please detail which bar you are referring? did you mean that green line under widget title?

      or, please detail it!


  8. Hey Saeed Salam, how do I remove the author post info on each post

    • Hi,

      what you actually mean by author post info? it only shows author name there, do you want to remove it?

      please detail it.


      • Yes, I want to remove the details from my post on the Spacious theme i.e date, category & comments

      • Hi Saeed Salam, your theme is cool. Good job!
        So, I need your help with remove author on post page. I look CSS file and PHP, by I do not see it. Thanks you

        • Hi there,

          you can remove following lines from content.php


  9. hi, i am using this spacious theme.. i want to add the “city” field after the Email field in form.
    actully i created one page i.e. user review. in that there is form having,website and comment field. so i want to add city field after email field..plz help me?

    • Nilesh, i think you want that form to send those details to your email, right?
      if so, you need to use a contact form plugin for that. try Contact Form 7 or SBCF.

      Both are pretty straight forward, though first one gives many options and is well-known.

      hope that helps!

      • Nilesh

        no no, I want to show that Information on same page. means suppose i took field name ‘city’. when user put there name and all info. with that city name, then that city name also display after clicking on post comment .

        see this link-

        i want like this—>

        Leave a Reply

        Your email address will not be published. Required fields are marked *

        Name *

        Email *


        Vehicle No.



        then city name and vehicle no also display after posting.

        • Hi there,

          sorry for the delay, seems like you figured it out.

          let me know if you still need any help there.


          • Saeed – unrelated to the above feed – but a quick question. How does one change the font for the whole theme? I’m using Avenir for all of my correspondence, business cards, invoices and reports… Would love to switch over my whole site – theme is great so far!

          • Hello Krich215!

            You need to edit some theme files for it.

            First, upload your font in to your web directory (if your font is in Google Webfonts, then you just need to get the URL of it. if it’s not (seems so to me), you have to use a tool like to get different formats of your fonts.)

            then, open your style.css, and add codes you get from the font-face generator, codes that starts with @font-face.

            then, change all font-family: ‘Lato’, sans-serif; to font-family: ‘YOUR NEW FONT NAME’

            hope that’s clear!

            feel free to ask if you have any doubts there.

  10. Simon Nyman Cousin

    Hi, I have a question!

    Is there a way to make the header background transparent? I want the header image to melt into the background, but there’s a big block of white standing in my way.

    • Hi,

      to remove that white background, go to your Dashboard -> Appearance -> Theme Options

      Click on Design tab, scroll to Custom CSS option, and paste the following codes there.

      save it, it will be okay.

      let me know if you need any more help on that.


  11. Aaliya


    I’m trying to copy the look in the above Spacious sample image.
    I want the home page to look:
    1. Logo
    2. Slider
    3. 3 widgets (as above super-fast loading, responsive, awesome support)

    2 questions:
    Is there a way I can change the static home page to have three (text and Image link) widgets on the spacious theme – just like the sample picture of Spacious above?

    Also what is the best slider dimensions? But I don’t want the slider to occupy a lot of space.

    Your help will be greatly appreciated,
    Many thanks

  12. Hi, I have a question too which I raised earlier. How can I remove the reply/comment box completely from every page? Usually you can do this via “discussion” which does not seem to work.


  13. I am using mqTranslate to make my page available in several languages. It works perfect with pages and TG:Services widget (because it uses pages) but how can I make other information available in different languages? Is there any other better way to make my page multilingual? Thank you in advance.

  14. Mitch

    Hi there

    How can I remove “archive” from the top of my shop page in woo commerce?

    How can I change the “read more” and link in services widget to take it to a custom url with custom text? ie product page saying buynow.

    Thank you so much great theme

  15. Riccardo

    Hey Saeed, thanks for your help!
    In the Spacious free theme there’s no option to add Google Fonts, which is possible in the Pro version.
    If I tweak the functions.php file (or whatever file that mentions the fonts) do you think I’m going against some rules?
    Thanks again :-)

  16. Marta


    I’m exploring Spacious for the very first time and I’m impressed how nice it looks with very few customization.

    Just a single question. I am spanish and I wish to build a website 100% in my mother tongue. At slider there is a “Read more” link and I don’t find any options to translate it or hide it. Is there a way to do this?

    Thank you very much for your help!

    Best regards.

    • Marta

      I have found there is no spanish translation in *.mo and *.po files, that is kind of a point for my previous question xD

      Solved that, I think I have found a minor bug at copyright section. If you don’t include a link in $spacious_footer_copyright, footer menu shows weird. I am not sure where this error comes from… but there is a lot of a tags in early code I can’t explain where they come from, maybe it is related.

      I hope this info is useful to you.

      Best regards.

  17. Hi, I am using spacious. But I have not been able to make my videos show up above my posts on my home page like how a feature picture does. I can only see the video when I click on my posts. How can I feature a video on home page

  18. how to make every field compulsory in post by authors (other users)

    • Hi there,

      i think the question is not a theme-specific one. anyway, one solution i can think of now is to restrict other users from posting a new one until you verify it. does that make sense to you?


  19. Jurgen

    How do I get my both my social media buttons (Simple social media icons plugin) and my menu on top of my website and next to each other?

    • Hi there,

      if you were asking to achieve something like this –
      then just go to your Dashboard -> Appearance -> Widgets and drag the Simple Social Icons widget into Header Sidebar section. see screenshot here –

      then setup menu and assign it as Primary Menu.

      hope that helps!

      • Jurgen

        Hi, thanks for you respons. Currently I have exactly the same as the screenshots you showed me. I was just wondering if it was possible to get them on the same line instead of above eachother?


        • oh, you were asking that,

          yeah, it’s possible, but you need to add some css styles there. go to Theme Options -> Design scroll to Custom CSS section. and paste the following codes there.

          hope that helps!

          • Jurgen

            Hi, that works perfectly, thanks for your help!

            Last question: my slider only appears on my homepage. I would like it to appear on other pages (not blog, only page) aswell.

            How can I do this?

            Any way I can support this website for your help?! Much appreciated!

          • to display slider on the Pages, you need to edit 2 theme files.
            Go to your Dashboard -> Appearance -> Editor and open the header.php file.
            find the following line,

            and replace it with following

            save it, then open the inc/functions.php file.
            look for the following line,

            and replace it with following line

            save it, and voila! browse your pages now :)

            feeling thankful? do like us on Facebook!


  20. Jorge


    Is there the posibility to change only the header’s background?

    If I wrote the code:

    #page {background-color: transparent !important; }

    It changes the blackground from the whole page, and I just need to change it of the header and foot.

    Thanks for your time.

    • okay, change the following codes then.

      for header background:

      for footer widgets’ background :

      for copyright texts background :

      change it to the colors you want.


  21. Junuen

    Is it possible to change the color and/or style of the title in the header section?

    • yes! you can customize the way you want.

      for example, if you want that title color into blue and description into yellow (!), add the following codes into your Dashboard -> Appearance -> Theme Options -> Design -> Custom CSS (scroll to bottom!)

      you can customize every css styles like that.

      Hint: to find css class or id of a particular element, use Inspector Element in Chrome or FireBug in Firefox (google for more details if you are new on that!)


  22. Hi! Is it posible to change the “Read more” legend into “Leer mas” (spanish)? I see that it says “Translation Ready” at the Features, but I can´t find it. Thanks!!

    • Hi Lula,

      a simple way to do that is to edit a theme file manually.

      go to your Dashboard -> Appearance -> Editor and open the header-functions.php file.
      find “Read more” there, and change it to whatever you want.

      hope that helps!

  23. Is it possible to remove the text block/link from the slider?

    The theme is gorgeous!! Thank you for all of your hard work.

    • Hi,

      First of all, it’s not my theme, it’s built by folks at

      Then, about slider, if you don’t add texts & description there, it will not show up. but, it will show that “Read More” button even if you didn’t add any url there.
      do you want to remove that one too?
      if yes, a simple solution is to “hide” it with css, just add

      in the “Custom CSS” in your Theme Options page.

      if you are not okay with that, you can remove it by editing a theme file. go to Theme Editor and open inc/functions.php and find following codes

      and delete it.

      hope that helps!

      feel free to ask if you have any doubts.


  24. ThangD

    Great theme! Question: in Theme options –> Design you can choose the Wide side layout with content width of 1218px. My screen is wider than 1218 which make my slider stop halfway while the slider title & description move out of my slider.

    How do I get my slider width to adapt to the a screen size of over 1218 px? (max width?).

  25. Hello,

    My question is, how could I remove the ‘contents of navigation bar’ from each page which appears in footer just below the copyright line ?

    I mean it looks like:

    © 2014 Website name
    About us Products Product 1 Product 2 Contact Us

  26. Hi again,
    I have abother question now.I uploaded ‘Contact Form 7′ and it is okey. But my question is,

    How could I write the ‘Contact Info’ as Companys telephone number,fax, adress informations
    on the right side of the just ‘contact page sidebar’.

    So, I would like to have the original view of contact page of Spacious Demo.
    Could you help me please?

    • Hi,

      just wrap your details in <li> tags.

      for example, drag a ‘text’ widget into that “Contact Page Sidebar” and add following texts there to get that like of demo page

      hope that’s clear!

      • Hi,

        I did every step you wrote, but it didn’t work :(
        I should ask that, once I did add an empty text widget on ‘Right Sidebar’ to remove META and ARCHIEVES.
        It could be a problem?

        Because when I put the text widget(with tags) on ‘Right Sidebar’ the contact info is looking in every pages on right sidebar.
        But when I put the text widget just on ‘Contact Pape Sidebar’, there is nothing appearing on any page and also on contact page sidebar.

        So, I’ll really appreciated if you could help me.
        Thank you so much.

        • let me make it clear, did you made a contact page and choose “contact page template” in the page template option (on the sidebar) ?

          • Well, what I did is:

            1. I uploaded Contact Form 7
            2. Then on the admin panel (left side) a ‘Contact’ section appeared which have 2 options:
            – Contact templates
            – Add a new
            3. So, I choosed the Contact Template which is already uploaded with Contact Form 7.
            4. Then I copied the code of the choosen Contact Template which is that:
            [contact-form-7 id="144" title="İletişim"]
            to the contact page I created.
            5. Finally, I got this view if you click on this link:

            But I couldn’t make the contact widget appear on the contact page :( Did I do something wrong with Contact Form 7?

          • Okey, I did it !!!! Finally, I did it.
            Thank you so much!

          • nope, you done it all right. but there is one more thing to do, you need to assign “contact page template” for that page.

            see this image –

            just choose that. that widget will show there.


          • i was bit late, yeah? :)

            anyway, glad that you did it!

            feel free to ask if you have any queries.

            happy theming!

          • Yes but thanks to you :) I did noticed it finally, that is the first time I’m dealing with wordpress and making a website.
            So, I’m really appreciated for your answers, thank you.

  27. Hi,

    Me again. I have another question. In the website, there will be a References’ page and there will be some logos of the firms at that page.

    So, what I want to do is:
    when someone click on a logo, the website of the firm which has that logo, will appear. I searched and found that “Function Reference/get page link” title on wordpress.
    But, is it a hard thing to do?

  28. Diego Eugenio

    Hello! How i change the “Read More” of the TG:Services widget?

    • Hi,

      you need to edit a theme file for it, via FTP or cPanel.

      open your theme folder -> inc -> widgets -> widgets.php file.

      then search for following code:

      change Read more to anything you want.

      please note: this change will be overridden when a new update comes, so using a child theme is the best way to do it, read more on child themes –


  29. Hi!

    Me again, hope you are okey. My question,
    Is that possible to copy the form of name, email, your message into the footer? I mean:
    (name: ……
    your message:…..)

    • Hi, did you tried to copy that contact form code into your footer widget section?

      i mean, drag a ‘text’ widget and add the code for your contact form. [contact-form-7 id="144" title="İletişim"]

      hope that helps!

      • Soon, I’ll get a degree at Stupidity. I did it, thank you.
        But, the line’s total vertical length are looking too long. Is it possible to enlarging each lines length in horizantal?
        So, we could get much slim footer area?

        • Maybe, if I could cancel or erase the second and fourth Footer Sidebars, maybe I have much more space and so just 2 of footer sidebars could cover whole footer area?

          Of course I don’t know :)

        • LOL =)

          yes, that’s possible to get it 50% width and for 2 widgets.

          i mean, just add contents to any 2 footer widgets, then copy following codes to Theme Options -> Design -> Custom CSS (scroll to bottom)

          check your site now, don’t forget to check it’s responsiveness.


          • Awsome, thank you ;)
            And, Could I change the footer areas color as much more lighter and semi transparent?

  30. Opss! I have another problem, I don’t what I did wrong but, the line of ‘copyright’ which appears at the bottom of the website is broken :(
    I did erased this line from footer.php

    and I wrote this instead:
    © <?php bloginfo(

    and everything was okey. But now, when I check the footer.php, I don't even see the last line that I wrote :( Omg, what I've done :((((((((((((((((((

    • probably you messed it up! :)

      don’t worry, just delete everything in footer.php and copy following codes to there.

      let me know the result!

    • Okey, okey I solve it :))))
      I guess, I’m a little bit nervous

      • why nervous? just keep calm, nothing is gonna happen even if you mess it up all, that’s how we all started, messing it up again and again, that’s how we all learnt to correct. and, i personally love that style, the joy when you get by fixing those yourself is unexplainable!

        just do it without any fear of losing, after all, it’s just a website! :)

        • Yes, you are right.. Actually, I like it making some changes.
          But, after all, you are my saviour thank you so much.
          I wish I could have help you, too in something I know :)

  31. My another question :)

    When I add the logo above the slider, the navigation menu is also getting higher. You can see from this link:

    And I just want logo to stand the above the slider. Because if I could choose the looking both logo and web site text together, the navigation menu is looking fine just above the slider.

    But when I choose just logo to appear, the navigation menu is looking as you can see from the link.

    So, is there anythink could we do about that?

    • it seems like it’s because of your logo’s size, it’s 177px height now, almost 50% is white space, try cutting it to 100px or around. and try again.

      • yea, I know it I did it on purpose :) I want the logo to seem up there, just a little bit higher than navigation menu.

        So, I added the white space belong.

        The problem is, if just the logo stands above, the navigation menu goes higher.
        But, if the logo and the text stands together above, the navigation menu stands allright. I change it for you to see now:

        • am seeing this now –

          what you exactly want there? just logo + menu? or you need that big headline too there?

          please detail it as much as possible!

          btw, you don’t need to add white space there just to align it, we can easily do it by css.

          • Well, I don’t know how it happened But it’s okey now :)

            What I want is, locating logo just a little bit through below. Could I have a chance to locate the logo by myself as you say with css?

          • do you really want that links in menus? try removing one or two menu links, and check whether you are wanting something like that.

            like this –

          • mmmmm, you are right links are looking crowded, I’ll rearrenge them.
            I saw your png but actually, what I want is exactly this look except if I could remove the logo just a little bit below:

            Because, when the logo stands higher than the navigation menu I think it looks like more charming.

        • Well, I did it now as you said. But how could we locate the navigation manu just upon the slider now ?

          • In brief, what I want is:
            – Logo standing above the navigation menu
            – Navigation menu standing just above the slider (because there are too much space now between the navigation menu and slider)

          • a simple solution is to reduce the logo image height, is that possible?

          • Hi!

            If if it’s a hard thing to do, it is okey with that condition ;)
            Because I want logo to seem in that size. Thank you anyway! You really helped a lot, I’m really appreciated..

          • try adding following codes to your Custom CSS box

            plus, if you can remove some not-so-important menus from the top menu. it would help it look well on medium width screens.
            (you can change menus from Appearance -> Menus option)

            let me know if you need any more help there.


          • You really are my hero, thank you so so so much!! I’ll also rearrenge the menu as you said ;)

          • =)

            nope, am just learning it, take a look at they have all the things to learn, plus a community that will solve you anything!

          • Cool, I’ll check it ;) Because of I’m a kind a do before learning person, I didn’t aware these kind of staff, thank you so much

  32. hello sorry but when i edit the footer.php to that code you mentioned it works but its at the extreme left not the center of the page please how to fix this

    • Hi there,

      Go to your Dashboard -> Appearance -> Theme Options -> Design -> Custom CSS (scroll to bottom)
      and paste following codes there.

      save it, and check your site :)

      feel free to ask if you need any more help.


      • Thanks sir, two more things pls
        1. How can I get a footer widget that shows links and
        2. Social icons at top of header.

        Thanks a lot for support

        • Hi there,

          1- what links you mean there? Recent Posts? please detail your query.
          (btw, you can see all the available widgets in your Dashboard -> Appearance -> Widgets page)

          2- just use any social plugin that provides a widget to display the social icons. try

          after installing that plugin, drag it’s widget to Header Sidebar widget area (screenshot –

          that’s it, it will give you something like this –

          hope that helps!

          • Thanks sir, about the links at the footer its the display of the pages at the header but at the footer with contacts and maybe social icons too.

          • you can drag any widgets into Footer Widgets section.

            and if you want to add contact information as in the demo site (, just grad a text widget into your Footer Widget area, and paste following codes there (of course you need to change the details!)

            and, to add social icons, you can just drag Simple Social Icons (if you use that) widget into Footer Widgets section.

            and to add Menus to footer widget, just drag the Custom Menus widget to there, choose your menu, that’s it!

            hope that helps!

            feel free to ask if you have any queries


          • Thanks Saed, exactly like the demo site the grey section at the footer is what am trying to achieve

  33. Hi!

    Me again, how r u ? (Please feel free to ignore me if you bored, really, I asked you a lot)
    I’d like to ask that is it possible to add the website a language option ? I mean I’d like publish it also in english and german..

    • nope, it’s my pleasure to help you guys, after all, i make some money out of this site because of you guys :) so it’s a business trick too! :)

      and, about your query, try using a plugin like
      it gives you many option like, specifying which languages you need to translate, omitting the google logo, etc, etc. do play with it and if you stuck anywhere, don’t worry any bit, am here :)

  34. Shallu


    I just applied the code © . to change the footer credit. I replaced the company name and the text “All Rights Reserved” with the “name” in the code. However, it’s the name of the company that is appearing. Also I wish to include a powered by section for my website. Please suggest how to get the complete line.

    • Hi,

      just delete everything from your footer.php and copy following codes there.

      save it, check your site, i hope you will get an idea on it now.

      feel free to ask if you need any help there.


  35. Matthew


    I have the site design layout set to — Wide Layout with content width of 1218px.

    How do I make the Call to Action widget span across 100% of the page? It’s in the Business Top Sidebar.

    Thank you!

  36. Thiruvel Raj

    Dear Saeed.. I’m back in this theme.. How would I bring the icons for services widgets ? It is not showing up… Please help me have a icon for services widget. You take a look at the website,

    • Hi there,

      just attach a featured image into those pages (home, sample page,etc), it will be shown in the homepage then.

      hope that helps!

      • Thiruvel Raj

        Thanks Saeed.. It works… :)

      • Thiruvel Raj

        Again… Saeed.. is there a way I can fix the portfolio section ?? For my page it shows 130 x 130 but for demo it was 273 x 273.. where to alter them ?

        • may be just choose 3 pages in the drop down there? (on TG:Featured Widget)

          as they say in their demo page:

          Use the TG:Featured Widget to show this section. In the widget just add the title and description. Then add three pages from the three drop down option. The featured images of those pages will be shown in the right and link back to those added pages.

          let me know if you still can’t solve it, i will look deeper then.

          • also, where did you placed that widget? i think the demo site have positioned it in Business Bottom Sidebar, please look on that too.


  37. Hi, it´s amazing theme, I love it! I follow this instructions:
    To setup the Business Top Sidebar but it doens´t appear the selection at homepage.
    I did this:
    First Step
    In the dashboard, add a new page.
    In the Page Attributes option box, choose the Business Template in the Template dropdown option.
    Publish the page. Yes, that’s it for the first step.
    Second Step The Business template has four widget areas within it.

    You just need to add some widgets to these sidebar to setup the business tell. Third Step Below are some widgets provided by the theme that you use to make you business template look Awesome.

    TG: ServicesAdd this widget to Business Top/Bottom Sidebar. In this widget, select any of your pages in the drop down option. There are six page dropdown options within it. The title, description and featured image of that same pages that you select will be shown.

  38. hello,
    I’m trying to set up my bussiness top side bar and insert images like in the demo (super fast loding, responsive design …). But the images do not appear. They are yet inserted as a media image in my page. When I publish, they disappear. PLEASE HELP!!!!! thanks! Laura

  39. Hey! How are you? I got a question again. Is there any plugin to prevent spam mails ?

    I mean, there are lots of messages are coming through ‘conctact page’ which irrevelant, so annoying.

  40. Hello, I am having probles with my previous button. I noticed that if people wanted to see older posts and hit “previous” at the bottom of the screen it wouldn’t take them back. I have no clue how to fix this.
    Thank you!

    • Hi there,

      probably a plugin conflicts there, try deactivating your plugin one by one.

      let me know if that didn’t solved your problem.


      • Hello Saeed,
        I tryed deactivating all my plugins but the previous button still not working. It still taking me at the beginning of the page.

        • That seems strange, if you can add me as an user there, i can check it more deeply (you know my email, right?)


          • Switching to “Latest Posts” in the Reading Settings enabled the pagination –

            but, there is a small problem now, featured images are showing in full width, we can change it to lower size, but do you really want that alternate position (as it were before)?

          • I really prefer the feature image in smaller size. Navigating in the webpage, I see there is a difference between and The /blog/ page shows the feature images in smaller size with alternate position, and the previous button is working. I would like to have the home page like that. It is possible?

          • Hello,

            please check it now –

            if you are okay with that, you can remove my user account from there.


  41. wunmi

    hello Sir, about the footer on my site what i want to achieve is in the image how cani do that on my site please?

    • Hi Wunmi,

      it’s possible, but it’s kinda hard to explain it, can you add me as an user in your site? i think that will save both of us time.


  42. Hi,

    I am trying to post small icons next to our contact info in the footer sections (they aren’t social media icons so don’t need to have links). Could you let me know if this is possible? And if so what code do I need to use?

    Thanks :)

    • Hi there,

      seems like you figured it out yourself, let me know if you still need any help there.


      • Hi Saeed,

        Yes I managed to figure that part out…only thing is I would really like to centre everything in the sections, do you know how I can do this?

        Thanks :)

        • Add following codes in your Dashboard -> Appearance -> Theme Options -> Design -> Custom CSS

          hope that helps.

          if you were asking for something else, please detail your query!


  43. Hi!
    I have tried to remove the comment field on my first page, the one with the slider. Tried to do change in page.php (remove

    but nothing happens. Do you have any other tips?
    Thanks for a great page!


  44. The footer colour how do I change it?

    • Hi Jane,

      Go to your Dashboard -> Appearance -> Theme Option -> Design -> Custom CSS (scroll to bottom)

      and add following codes there.

      save it, it will replace that dark background to a redish one. change #AA1746 to whatever color you need there.


  45. Marina Rocha

    Hi I am Brazilian and would like your help, I need to put in the footer recent posts with thumbnail images, as is the demo site.
    what widget should I use to get that way?
    Could you help me please,

  46. I purchased Spacious Pro. I have been away from WordPress for a while. Do I still need to create a child theme to protect my Spacious settings from WordPress updates? Do I need to do anything to protect my settings from Spacious Pro updates? THANKS!!!

    • Hi,

      Unless you want to change any theme files, you don’t need to use any child theme there.

      Normally, all theme settings will be saved and forwarded to new updates.


  47. Hi,
    Awesome theme.

    Is there a simple way to reduce the height of the Nav bar?

  48. Abdullah

    Hi Saeed I’ve edited many things with your help, I’d say ;-) I just wanted to know that is it possible to change the ‘read more’ text in recent posts used as home page.

  49. Hi,

    The theme is awesome, quick to load and beautiful.

    Is there a way to adjust the navigation bar height? The website I’m creating has a header image at the top, but I want less space between that and the slider.

    Thanks in advance!

    Website: californiastorypolecontractor[dot]com

    • Hi there,

      Sorry for the delay.

      To change it’s height, you need to edit the css.
      Go to your Dashboard -> Appearance -> Theme Options -> Design -> Custom CSS
      and add following codes there

      change those pixel values to the best height you want there.

      hope that helps!

  50. Abdullah

    Hi Saeed I’ve got 2 questions
    1. Is it possible to change the read more text on posts (when post page is the home page)
    2. Can the position of the slider be changed (I want to drag it down. If it’s not available in the theme then which plugin should I use)

    • Hi,

      Sorry for the delay.

      1- Go to your Dashboard -> Appearance -> Editor, open content.php file, and search for “Read more”. change it to whatever you want!

      2- Where do you want to move it exactly? it wouldn’t be that easy, and if you make changes directly there, it would all be gone when the theme gets updated, so you should use a child theme instead –

      anyway, the codes for the slider is at header.php

      hope that helps!

  51. Abdullah

    Sorry just another question how can I remove next and previous post link below the post.

    • to remove those, go to Theme Editor, open navigation.php and remove following codes


  52. Gabrielle

    When using the TG Services in the business top sidebar, how can I make the images have a clickable link? Thanks!

    • Hi there,

      You want that image to have a link to the page it belong to, right? you need to edit theme file to achieve that.

      Open inc/widgets/widgets.php and find following codes

      change it to following-

      let me know whether it worked or not (Untested!)


      • Gabrielle

        Hi Saeed, thanks for your reply!
        I open up the editor but cannot find the inc/widgets/widgets.php file to edit. Where can I find this file?

        • Hi there,

          You can’t edit that file from your Dashboard, you need to use a FTP client (like FileZilla) or browse via your cPanel.

          By using any method, go to your wp-content/themes/spacious/inc/widgets/widgets.php file.

          hope that helps!

  53. Hi,

    Can I insert a button in the header image?

    My header is positioned on top. I want to place a button or linked image, in a specific location, also within that area.

    • Hi,

      sorry for the delay.

      if you just want to add a button/image near that header image, you can use “Header Sidebar” widget area. just add the button/image there, and it will be shown in between header image & menu.

      if you want it to be on top of that header image, you need to play with css.

      please do note that, as it’s a responsive theme, you need to style it for every breakpoints. use only if it’s essential!

      hope that helps!

  54. Hi Saeed!

    My all work is gone! So I did started agai :///// and my first quesition is could you give me the code (For Custom CSS) for resize the company logo which standing on the left header ?

    I could’nt find the answer if you already answered it, please warn me

    • I figured it out!!! I got another question, how can I remove the ‘edit’ button which is looking just below the slider and also every page ?

      Thank you so much!

  55. Hi again!

    My second question is, my website pages are smaller than original one :/// even if I choosed the “Boxed layout with content width of 1218px” from theme options – Design

    What should I do to make the size of the pages as originals ?

    • Hi again,

      it looks okay in my browser, with 1218px. maybe, you changed it in the meantime?

      anyway, let me know if you still need any help there.


  56. Hello,
    I have just started using this theme. I have removed the ‘Read More’ from the slider image. But I want the slider image to link to my article (and not the text that shows up on the image). How do I do that? Thanks in advance.

  57. Hi,
    I found out with your help how to change the “Read more” buttons on slider, TG services widgets and blog posts, but how can I change the same thing for TG featured single page?? Thx a lot!

  58. OK, solved :)

  59. Schalce

    Hi Saeed Salam!! Is it possible to remove the read more button from the home page(slide) of spacious theme?
    Any help will be very appreciated

  60. Hi!
    This theme is amazing! Am I allowed to use the images/icons you have displayed for the TG: services?

  61. Hi Saeed,
    Your help to other people has also answered quite a few of my queries so thank you.
    I wanted to ask – how do I centre the business bottom sidebar header?
    Thank you,

  62. Hi Saeed!

    Now, I’m preparing another website by Spacious thanks to you. But I have a problem again.

    The primary menu which appears just above the slider is standing so far from the slider. What should I do to make it looking just above the slider ?

    Thank you so much!

  63. I have another problem!!! Even if I paste the contact codes to the ‘Contact Page Sidebar’ which is below, the contact information doesn’t appear on the page. What should I do?

    ASTEN Makine Arge Mühendislik Sanayi ve Ticaret Limited Şirketi
    Tel: +90 232 449 76 77
    Fax: +90 232 459 09 99
    Adres: 2822 Sokak No: 32/A 1. Sanayi Sitesi Konak/İZMİR

  64. Hello! I have the free theme and am looking to change the footer of my website from ‘Copyright © 2014 Super+Super Theme by: ThemeGrill Powered by: WordPress’ to just ‘Copyright © 2014 Super+Super Website by Claire Culley Ltd’ – Is it possible to do this in CSS? The free theme doesn’t give you an option to do a childs theme

  65. Hi, really love this theme! Can you tell me how to centralise the widget titles in the footer and the green underline too, can it be done using custom css? Hoping to launch a site in the next few days, would much appreciate your help.


  66. Hi, I am using free theme.

    Can I replace ‘Site Title’ with my personal Logo?
    ‘header.php’ file for Spacious theme has a lengthy code. I am not sure which one I should touch to add my logo.


  67. Dian Akbar

    Hi Saeed Salam,

    is it possible if primary menu/header stay on top when I scrool up and down? how can I make it happen? Help me please

    Thank you

    • Hi Dian,

      It’s possible. but, there will need to make some tweaks in your theme files. are you okay with basic html/js? if so, do check this fiddle – it will give you an idea.

      hope that helps!

      • Dian Akbar

        Thanks for your reply.

        Actually im still new with websites things. I open and read your link, and it exactly what im looking for. But i cant figure it out where to tweak and what code i should put on editor. Will you help me bulid it?


  68. Hello,

    Just wondering how i can change the header image size please?

  69. Priyanka


    I would like to change the fonts for the post title and body. Title – Roboto Slab & body – Roboto. Both are google fonts. I saw this line of code in the inc/functions.php. wp_register_style( ‘google_fonts’, ‘’ ); Is this where I need to use the url for the new fonts?

    However, I also see a @font-face {
    font-family: ‘Genericons';……

    in the style.css.

    I am confused. What files do I need to edit in order to change the font?


    • Hi,

      Sorry for the long delay!

      You can achieve it by both ways, but, as your font is in the Google Web Fonts, using the first method is the best option.

      just change that code in the inc/functions.php to something like following

      then, you need to change the font-family to Roboto or Roboto-Slab from style.css

      Hope you got it, feel free to ask if you have any more queries – i will reply faster :)


      • Hi,

        I did manage to change the fonts by changing the code in the inc/functions.php file :). But thanks a lot for your help!

  70. hi
    I’m trying to set up my bussiness top side bar and insert images like in the demo (super fast loading, responsive design etc) but when I add TG:Call to action widget to Business Pro…it never shows up on the site.

    I have done what you said in these instructions

    Please help.

    you can see here ( that the three icons that I would like to have does not show.


    • Hi Peter,

      Sorry for the delay.

      It seems like you figured it out yourself, let me know if you still need any help there.


  71. Hi Saeed, I am using free theme.
    How can i change the text of the comment module?
    Thank you, Frank

    • Hi Frank,

      Sorry for the delay.

      Can you elaborate your query a bit?

      Do you want to translate those labels? (Name, Email, Website?)

  72. Hi, I’m having trouble editing the CSS. When I make a change it doesn’t update.
    Specifically I am trying to edit the .header-post-title-class and increase the size of the text, this is what I changed (font-size from 22px to 40px):
    .header-post-title-class {
    font-size: 40px;
    padding-bottom: 0;

    Could there be something blocking me from doing so? It doesn’t seem like I am able to change any of the CSS. Thanks!

    • Hi Maxine,

      Sorry for the delay.

      try adding an !important tag with your new font size,

      let me know whether it worked or not.

      if you can’t change any CSS, there might be some plugin conflicts, try deactivating your plugins one by one.

      P.S : use <pre> tags when you input codes here.


  73. Hi Saeed Salam
    I want my website to have a professional look. I want to put call to action and also my company portfolio. How do I do it ?

Leave a Reply