[Support request] How I can make this tweaks on Marketer?

Hi Sara,

Let’s handle one question at a time.

For your first question, if you only want the change applies to blog/archive page, then try this CSS:

.blog.separate-containers .inside-article, .archive.separate-containers .inside-article {
    padding: 25px;
} 

Otherwise, go to customizer > layout > container, adjust the content padding there.

Let me know if this helps 🙂

For question 2, try this CSS:

.inside-article .posted-on > *:before {
    content: "Updated on ";
}

For question 3, go to customizer > layout > blog, enter Read more →to the Read more label field.
Then add this CSS to move it to the right:

a.read-more.button {
    float: right;
}

Let’s finish question 2 and 3 first:

2) DONE => Just one question how I change font style or color here?

You can add more style to the same CSS selector, eg:

.inside-article .posted-on > *:before {
    content: "Updated on ";
    font-weight: bold;
    font-family: math;
    color: red;
    font-size: 20px;
}

3) DONE => Just one thing can it be shown like on second site that shows like a link instead of a button? Also is second site using a block element to create this customize blog listing or How we can do this?

The second site is NOT using block element, it looks like using the marketer template as well.

You can add more style to the button as well, something like this:

a.read-more.button {
    float: right;
    padding:0;
    border-bottom: 2px solid green;
    color: green;
    background-color: transparent;
}
a.read-more.button:hover {
    color: black;
}

2) DONE =>Just one more question how I change font style or color of rest of sentence author name and post date?

Try this, you can add more style to it:

.inside-article .entry-meta * {
    color: green;
    font-size: 20px;
}
.inside-article .entry-meta a:hover{
    color: red;
}

3) DONE => Is it possible to place link a bit lower like on second site? And to change font size or color just edit that same css code correct?

You can add margin-top: 40px; to the same CSS selector a.read-more.button.
And font-sizeto the it as well. Feel free to replace the greenand blackcolor with your color code. 🙂

Try replace this CSS:

.inside-article .entry-meta a:hover{
    color: red;
}

With this:

.inside-article .entry-meta a:hover .author-name {
    color: red;
}

Let me know 🙂

4) Set up same font styles for headers, text, etc. like on second site.

Do you mean the header of the entire site? Or the post title and paragraph?

Can you explain a bit more?

You should be able to set font styles at customizer > typography, make sure the typography module is activated. (appearance > Generatepress)
https://docs.generatepress.com/article/typography-overview/

For the colors, try set them at Customizing > Colors > Content. Also make sure the color module is activated.(appearance > Generatepress)

Let me know if you need further assistance 🙂