[Resolved] Block Archive like Marketer

Home Forums Support [Resolved] Block Archive like Marketer

Home Forums Support Block Archive like Marketer

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1597333
    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

    #1597506
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1597529
    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

    #1597542
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1597580
    Marjorie

    Thank You.

    #1597593
    Elvin
    Staff
    Customer Support

    No problem. 🙂

    A wise man once said:
    "Have you cleared your cache?"

    #1853941
    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:
    img now screen

    I want:
    how i want, screen
    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.

    #1854007
    David
    Staff
    Customer Support

    Glad to hear you found the answer!

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.