bibelwort

You are welcome, @rohitkc32 ! I am glad to help ??

Hi @rohitkc32 !

Here it is the screenshot of an almost blank page without the sidebar and without the overflow css-rule (the border line on the screenshot is because of the viewport border added by the Edge browser when it makes screenshots of pages that do not fit a single screen):

space_under_footer.jpg

If we add the sidebar the content height becomes large enough and than there is no any blank space under the footer:

space_under_footer_with_sidebar.jpg

If we apply ‘overflow: hidden’ rule to the zak-site class, the blank space under the footer vanishes:

space_under_footer_overflow_hidden.jpg

BUT! Within this test I have found that there is still some white space under the footer even with the ‘overflow’ rule. I did not notice that before, because it is the first time when the test page has only one line of text. Here I add extra 95 pixels to the page content (via Spacer block), and now there is no empty space under the footer anymore:

space_under_footer_overflow_hidden_extra.jpg

As I understand this is because of the invisible ‘Scroll to Top’ button:

space_under_footer_overflow_hidden_inspect.png

I will remain this test page on my site for a while (with one single line of text and activated ‘overflow’ rule), so you can check the code: https://sentino.org/test-empty-page/

Hi @rohitkc32!

Sorry for the confusion with terminology, I meant the ‘Primary Menu’ widget within Header Builder.
You can check the screenshot out here: primary_menu_style.png

Hi, @bernicechua ,

Thank you for your promt response!

I really enjoy to use Stackable. I look forward for new versions and will be very happy when you add support of colors and gradients from themes.json.

Speaking of themes.json, it would very cool, if you add support of the font size presets as well. I am talking about –wp–preset–font-size–XXXX variables and corresponding buttons like S, M, L, XL in the UI of the WordPress Heading and Paragraph Blocks.
Or alternatively you could make you own Global Font Size presets like you did for colors. I think this would be especially usefull and convinient in design of special blocks like banners, lists, and so on, when text and headers are usually need to be of different size than usuall text and headings.

Thank you for your work!

Hi @rohitkc32,

the font is active only on the FRONTEND, but not in the EDITOR.
Could you please look again at the file ‘editor_devtools.png’ in my shared onedrive folder which I referenced before?
(https://1drv.ms/f/c/7f7896a41d719180/Eo8D_fnm69pBhjuXs3PIFQIBJ4pxEz7jfibkZ3MgHYvNMA?e=jy5dXk)

My concern is about Zakra Global Typography in the default WordPress Gutenberg Block Editor.

I have set Raleway font for Headings and body text in the Customizer for a test page.
Here you can see this page in the editor and how it looks at frontend. Also I have opened the devtools to show the applied styles in both cases:

https://1drv.ms/f/c/7f7896a41d719180/Eo8D_fnm69pBhjuXs3PIFQIBJ4pxEz7jfibkZ3MgHYvNMA?e=jy5dXk

Hi @rohitkc32,

I am using default WordPress Block Editor and as far as I know it has no UI for setting its Global Typography..
It would be nice to have consistent style between the Editor and the Frontend as much as posible.

Hi @bernicechua,

you are right, built-in blocks show fallback system font in the Editor..
I will reach the theme’s devs about it. Sorry for the inconvenience and thanks!

Hi @bernicechua,
thank you for your answer!

Actually, I do use Global Typography and block defaults. But they provide only one font size per each text or block type. What I’m talking about is the lack of some UI with font size presets in settings of Stackable blocks. For example, in built-it WordPress ‘Paragraph’ or ‘Heading’ blocks you can easily choose the font size over preset values (small, medium, large or even add your own presets), or over the slider/spinbox, but in Stackable – only via the spinbox.

For now, if I need consistent style of my custom blocks with slightly different font sizes I am restricted with custom blocks patterns, but usually it feels too excessive. So the feature of font sizes presets in Stackable Block Settings UI would be cool and very usefull.

Hi @rohitkc32,

Sure! Here it is the staging version of my site, it is almost edentical to the production one:
https://test.sentino.org.

On desktop at 100% scale it shows the logo, while at 150% scale – not. Mobile version always expects the 2x version of the logo.

(on my production site I have removed the retina version of the logo in order to avoid any issues until we can resolve them)

Hello again, Kim!

I have just realized that this behaviour is due to ‘Try to bypass ad blockers‘ option. If it is disabled, the cache files have stored in ‘uploads/pum’ and have meaningfull names ‘pum-site-scripts.js’ and ‘pum-site-styles.css’. But if it is enabled then Popup Maker stores them in ‘uploads’ directory with obfuscated names.

Actually, I am fine with that, as soon as I now understand the reason.

Hi, Kim!

I have checked the ‘Site Health’ tool on any ‘File Permission’ issues – there are no any, all directories are writable including uploads-folder.

I tried to disable ‘asset caching’ option and delete manually leftover css and js files in ‘uploads’ related with the Popup Maker (according the comments in the head of these files). Then I enable caching back and reload the site page. Popup maker again have created css and js files in ‘uploads’ with strange names like: 7ae3407bf106c489431ffff591fad587.js and d3a6eb57985493baa366faa068cd22ff.css, while the ‘uploads/pum’ directory left empty.
Using dev tools in my Edge browser I made sured that browser get these cached versions of js and css files.

I can confirm the issue.
Spent a couple of hours thinking it was due to conflicts with the theme and bad settings, but then checked a two day old backup and realized it was due to a buggy update.
Hopefully they fix it ASAP.