[Resolved] Block Archive like Marketer

[Marjorie]

Hi

Is there a way I can get my blog archive to look like site library marketers layout? I would really like that.

Thanks

[Elvin]

Hi,

Here’s the default CSS added by Marketer:

/* GeneratePress Site CSS */ .inside-article,
.sidebar .widget,
.comments-area {
	border-right: 2px solid rgba(0, 0, 0, 0.07);
	border-bottom: 2px solid rgba(0, 0, 0, 0.07);
	box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}

/* Featured widget */
.sidebar .widget:first-child,
.sidebar .widget:first-child .widget-title{
	background-color: #83b0de;
	color: #fff;
}

.separate-containers .page-header {
	background: transparent;
	padding-top: 20px;
	padding-bottom: 20px;
}

.page-header h1 {
	font-size: 1.5em;
}

.button, .wp-block-button .wp-block-button__link {
	padding: 15px 25px;
}

@media (max-width: 768px) {
	.post-image img {
		max-width: 100%;
	}
} /* End GeneratePress Site CSS */

As for the Layout settings:

To fully replicate the look of or Marketer’s layout, go to Appearance > Customize > Layout > Container and set the Content Layout to “Separate Containers”, and Container Alignment to “Text” you then play around with the other settings or stick with these defaults.

Separating Space to 20px,
Content Separator to 2em
Content Padding to 50px.

Let us know if you need further help.

[Marjorie]

Almost perfect but the sidebar is off, I did some padding adjustment but it’s not too good. Can you have a look and tell me how to fix it. The widget contents are not aligning inside the box. and I can’t seem to change the blue color.
https://onlinebusinesblog.com/blog/

Thank you

[Elvin]

Here’s Marketer’s default setting for the sidebar (widget padding included).

https://share.getcloudapp.com/BluQzjX8

and I can’t seem to change the blue color.

This particular CSS from my previous reply controls the color of the first widget in the sidebar.

/* Featured widget */
.sidebar .widget:first-child,
.sidebar .widget:first-child .widget-title{
	background-color: #83b0de;
	color: #fff;
}

You can remove this if you don’t need it. It is used purely for styling the color.

[Marjorie]

Thank You.

[Elvin]

No problem. 🙂

[Mihail]

Hello everyone

I wanted to use the layout from this thread. But after I inserted the KCC, nothing changed.
I want the image to be on the left and the text on the right. How can I achieve this?

Now:

I want:

ps. Sorry for my bad english. Thx for answer.

UPDATE: I forgot to choose to show the image on the left 🙂
All right. You don’t have to answer the previous question. I solved the problem.

[David]

Glad to hear you found the answer!

[Author]

Posts