Site logo

Archived topic

How to set homepage and navigation menu style like this website ?

43 replies · Started by Fajri on November 20, 2018

Viewing posts 16–30 of 44

Hi there,

try this CSS to align buttons to the footer

.generate-columns .inside-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}
.generate-columns .inside-article .entry-header {
    margin-bottom: 2em;
}
.generate-columns .inside-article .entry-summary {
    margin-top: auto;
}

Tell me how to make widget like the sidebar ?

There are a color in the section of the widget

It requires CSS like so:

.inside-right-sidebar aside:nth-child(2) {
    background-color: red;
    color: #fff; /* text color */
}

This targets the 2nd widget in the right sidebar just change the nth-child(#) value to target each one.

The marketer site i suggest creates that layout. In the Customizer > Layout > Blog --> Featured Images > Archives you can define a width and the height of the image. If you just set the width, and leave the height field empty, then it will display portrait images like the link you shared.

The Read More button colors are set using the general button colors in Customizer > Colors > Buttons.

i dont use site library, can you tell me step by step ?

Can you provide a link to your site where you're using the GP Blog - the link you provided in your original topic is not even a GP site. Then i can advise on what changes need to be made

-

In Customizer > Layout > Blog --> Featured Image > Archive tab:

1. Location: Above title
2. Alignment: Left
3. Set column width to a smaller size to position it aside the text.

How change readmore text with a button ?

The option is in the Customizer > Layout > Blog - give the Read More a label and select display as button.

1. how do you make the title of the post equal?

Pict: https://prnt.sc/oxae40
You can see that, the title is not shipshape

2. In the homepage, picture of thumbnail there are cropping. How to resolve the problem ?
i don't want my picture cropped like that.

site : motomobi.id

This archived topic is closed to new replies.