[Support request] Blog Customizations

[James]

Hi Elvin, ok the video with the shadow frame was helpful. ( you made it here: Here’s a demo video – https://share.getcloudapp.com/WnukzXlJ )

Now look here:
https://tinylittlebusinesses.com/frank-and-matt/

And you will notice some of the images have white borders around them with the shadow effect.
Can you kindly make a video showing me how to do that?

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

[James]

Here is the site I want to edit:
https://yoursecretself.com/
Look at the images on here I want to make them look like the ones here on desktop and mobile:
https://tinylittlebusinesses.com/frank-and-matt/

Scroll down a bit to see them.

[Ying]

Try this CSS:

.entry-content .wp-block-image {
    border: 10px solid #ffffff;
    box-shadow: 0 2px 18px 0 rgb(0 0 0 / 20%);
}

But it will make the image wider than your container width since the image block is set to alignwide.

You can try disable the alignment for the image blocks see if that’s better.

Let me know 🙂

[James]

take a look now.

The border is not the same all around.

https://yoursecretself.com/

[Ying]

Then try this CSS instead:

.entry-content .wp-block-image img {
    box-sizing: border-box;
    padding: 12px;
    box-shadow: 0 2px 18px 0 rgb(0 0 0 / 20%);
}

It’s the exact same CSS the example site is using.

[James]

ok great! Also, what font is begin used on this blog : https://tinylittlebusinesses.com/frank-and-matt/

[Elvin]

Hi James,

That particular page uses IBX Plex Sans Condensed(for the breadcrumbs and menu items) and Elena Sans serif (for the body text).

[James]

I don’t see these fonts available to use inside the dashboard.

How do I upload them?

[James]

Also, if you scroll down here: https://tinylittlebusinesses.com/frank-and-matt/

After the matrix image, there are two highlighted chunks of text one one light grey and the other in yellow.

How do I do that?

[Ying]

You can follow this guide to add local fonts:
https://docs.generatepress.com/article/adding-local-fonts/

[Ying]

there are two highlighted chunks of text one one light grey and the other in yellow.

You can add background color to a paragraphblock.

For the rounded corner, you can add a custom CSS class, eg. rounded-corner-text.
https://www.screencast.com/t/TgCr1l9Et

Then add this CSS:

.rounded-corner-text {
    border-radius: 10px;
}

[James]

This is so involved is there anyone that can do this for me?

I don’t have time to do all this… should be easier to use this.. WordPress – Generatepress is antiquated…

[James]

Both the last 2 things I asked are ridiculous to accomplish..

[James]

Sorry, this is just taking more time than I had hoped when I purchases this theme.

I got the hilghted section done. i need help with the fonts..

I just want open sans font.

there has to be an easier way.

[Author]

Posts