Support » Theme: Spacious » Help with some theme customisations

  • xprt007

    (@xprt007)


    Hi there

    I’m quite impressed by your great theme, but would like to make some few customizations.

    • In spite of using Firefox web developer tools, I have failed to see how to change some aspects of the font site-wide. How do I increase the default font-size for content on blog front page and on pages, site-wide? The default font is a little bit too small. I can only be able to increase some small bits, but I want all default content page size to look like that on theme I want to replace [ redundant link removed ] on this site, whose developer seems to have abandoned it 2, 3 years ago.
    • I would probably preferably want to adjust the font-type, so it looks like that on mentioned site, but do not quite get what css to use ..
    • on the front page, there is a bit too much white space between listed articles. I would like it to look a bit like that on the site at above url. How can I reduce it?

    I would be very grateful for your help.

    Kind regards

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi,

    For content font size & white space, you can go to the Appearance > Customize > Additional CSS in the dashboard and insert the code mentioned below:

    p {
    	font-size: 18px;
    }
    #content .post {
    	padding-bottom: 20px;	
    }

    For the second query, if you are referring to changing font-family, you can choose from the provided fonts by going to Appearance > Customize > Typography > Google Font Options.

    Thanks.

    Hi

    Thank you very much for the response.
    I’m making big progress, but request you to be a bit patient with a few more questions.

    • when loading a page, there’s some huge square that appears briefly in the logo area, which then disappears after a few moments, allowing the contents below to move up.
      What could be causing it and is there any way to make it stop?
    • I would like if possible on the front page to have the post previews in boxes like => [ redundant link removed ]. The recipes are a content type from a separate plugin, but are classified as posts as I guess by this theme.
      With Spacious, I can only identify the css selectors (?): #content .post, which when I use as you see group the blog article previews together, leaving out recipes.

      Is it possible to have this applied to individual posts like at => [ redundant link removed ] and also to include the recipes? I somehow have failed to separate the blog articles and to include recipes.

    • Lastly, when I try out QuadMenu, for some reason, most images, including logo do not load. Any idea why?

    Many thanks & best regards

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    Side note @xprt007 Could you lay off the links? You’re coming across like a link spammer and that’s gotten your account flagged for moderation.

    Use the link field once. That’s all.

    Hi @xprt007,

    For the first and the third query, it seems to be a plugin conflict. Could you disable the used plugins one by one and check if the issue is resolved?

    Could you explain in detail what you want to do in detail with the recipes as the links are removed? If you want yo hide it in the front, you can insert the code in the Additional CSS box as mentioned below:

    .home-page .rpr_recipe{
    	display: none;
    }

    For showing the article as box, you can insert the code mentioned below:

    #content .post {
    	border: 1px solid #d3d3d3;
    	margin-bottom: 30px;
    }

    Thanks.

    Hi there

    Thank you for the response.

    The forum moderation as you see above apparently removed the links. Basically, though, the last solution regarding placing article in box is OK and was implemented.

    I actually want the recipes to be shown on front page and the current theme treats them as posts, but Spacious does not seem to, because as you see, it ignores for example placing them in boxes or other formatting, unlike in current them.

    If you look at the link at “The page I need help with: => habariportal.habarisearch….” connected to this post, … & remove “habariportal”, you have the current site, with current theme, I want to replace with Spacious and it is its links that were removed.
    As you note, that theme treats recipes as normal “posts” by default, and everything you apply to posts works right away.
    So yes, I want recipes shown and appear just like on that site like other posts.

    Regarding

    For the first and the third query, it seems to be a plugin conflict. Could you disable the used plugins one by one and check if the issue is resolved?

    Thank you in advance
    …. I will test and report back.

    UPDATE:

    After experimenting a bit with what I learnt from your code, I found a solution for the recipes. So what remains is what I say in previous post regarding what you suggest could be a plugin conflict-related, which I will look into.

    Kind regards

    Hi

    So I checked and noted the problem regarding the logo area and QuadMenu is caused when Jetpack plugin is activated. I use the free version.

    It seems when “Enable Lazy Loading for images” is active, the logo issue is caused, but at least it loads after a while. With QuadMenu active, I did not notice any other images loading. One only has empty spaces in their place.

    One other thing I noted, with “Enable Lazy Loading for images” OFF, at Google Pagespeed Insights, the results for Mobile dramatically drop and the screenshots are in the dark color of theme, though I also note unlike in some themes I have seen where the sidebar is shown at the bottom, in this case both are shown side by side, which is not optimal for reading.
    With “Enable Lazy Loading for images” is active, the Mobile site is white, better Pagespeed results and better readable.

    • What is expected correct appearance of the mobile site and in case in theme colors, is it expected to be slower, with main content area being side-by-side with sidebar?
    • Is it possible with Jetpack, “Enable Lazy Loading for images on, which is advantageous for the mobile site to somehow get rid of the logo area behavior and be able to use QuadMenu, if one wishes to?

    Thank you and kind regards

    • This reply was modified 2 weeks, 5 days ago by xprt007.
    • This reply was modified 2 weeks, 5 days ago by xprt007.
    • This reply was modified 2 weeks, 5 days ago by xprt007.

    Hi there

    Thank you very much for the response. I will certainly do so as soon as I can, which is probably in a couple of days.

    Best regards

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.