Hello,
I am trying to publish a blog post. But this is not possible due to blocking issue:
“The value in the Styles field, Module spacing on mobile devices is not valid.”
I have tried to reset these settings but this does not solve the issue. What can I do to publish the post?
Thank you.
Hello @BZuilen
Can you have please to give me screenshot or blog post URL?. So that I can check and give you proper guidance.
Hello @BZuilen
Please check the “theme.json” file. And update the below code.
Try it
{"label" : "","preview_path" : "","screenshot_path" : "","enable_domain_stylesheets" : false,"is_available_for_new_content" : true,"responsive_breakpoints" : [ {"name" : "mobile","previewWidth" : {"value" : 477,"units" : "px"},"mediaQuery" : "@media (max-width: 767px)"}], "documentation_url":"","example_url":"","license" : "./license.txt"}
Hi Ankit,
OK tnx. Where can I find this file?
Regards,
Ronald
Sorry, but where do I find this theme folder? I am not very familiar with this.
Hello @BZuilen
It’s ok. I can give you simple steps, follow it.
Step 1: HubSpot navigation menu. Click to the “Marketing”
Step 2: After go to the Files and templates --> Design Tools
**
Step 3: After completed step 1 and step2, find out the can use the theme. Then you have to go to the theme folder and change the theme.json file.
Hi Ankit,
I found it. The code I see there is:
{
“label” : “Spark”,
“preview_path” : “./pages/site-home.html”,
“screenshot_path” : “./images/theme--screenshots/theme--cover.png”,
“enable_domain_stylesheets” : false,
“is_available_for_new_content” : true,
“responsive_breakpoints” : [ {
“name” : “mobile”,
“previewWidth” : {
“value” : 520,
“units” : “px”
},
“mediaQuery” : “@media (max-width: 800px)”
} ],
“version” : “1.1.20”,
“author” : {
“name” : “Lynton”,
“email” : “support@lyntonweb.com”,
“url” : “https://www.lyntonweb.com”
},
“documentation_url” : “Free HubSpot CMS Themes — Open Source Downloads | Lynton”,
“example_url” : “Spark Premium — Free HubSpot CMS Theme | Lynton”
}
I fully replaced it by the one you have sent earlier, but the issue of the module spacing is still there in the blog post?
Ok, I gave you access. You should have received an invite. Hope you have the right permissions. Tnx!
Done
OK, I changed it
Hello @BZuilen
I have found a bug. This is a theme bug. There is a bug in the Spark theme itself. You have to inform the people of Spark Theme.
Issue is page - blog-single.html file
100% work my solution but info the Spark theme people
{% module "related_button" path="../modules/Button" label="Related Posts CTA Button", styles={"text_alignment": "center", "spacing": {"padding": {"top": {"value": 75, "units": "px"}}}, "mobile_spacing": {"padding": {"top": {value": 75, "units": "px"}}}} %}
Ok I will check this with them. Is the above mentioned code (100% work my solution) the solution for now? Because the issue is still there?
Or should the Spark theme developers fix this? Can you see if the most recent version of the theme has been installed?
Hello @BZuilen
This theme is the latest updated. I have given a solution, if you create a child theme, it will work.
But,
This issue belongs to Spark Theme. You have to tell Spark theme developers to do issue solve in master theme. After you can update latest version.
Hi Ankit,
Thanks for your reply. I will ask the theme developers to fix the issue with the input you sent me.
I do not know how to create a child theme.
Hello @BZuilen
Spark theme bug has been solved. Now the blog post page works perfectly. Thanks for reaching out.
I hope you got the perfect solution from me.
