Help with some theme customisations

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

• This reply was modified 5 years, 4 months ago by Jan Dembowski.

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 5 years, 4 months ago by xprt007.
• This reply was modified 5 years, 4 months ago by xprt007.
• This reply was modified 5 years, 4 months 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