- This topic has 20 replies, 3 voices, and was last updated 3 years ago by David.
-
AuthorPosts
-
February 27, 2021 at 9:28 pm #1675626Fajri
1. How to make layout for category pages and blog pages like this ?
2. How to make widget recent post on sidebar has underline ?
Pict 1 & 2 : https://prnt.sc/108pemf
3. Why size category pages and blog pages is not same with single post size ?
single post less from category / blog pages.Pict category width pages : https://prnt.sc/108pgup
Pict single post width pages : https://prnt.sc/108phdq4. How to add author box after content in single pages ?
like this : https://prnt.sc/108phuu
url : kuotabro,com/mifi-terbaik-dan-tercepat/
*change comma with dot5. How to add search button on category pages like kuotabro,com/hardware
https://prnt.sc/108pj4h6. How to add share button and Related Post with thumbnail like this ?
pict : https://prnt.sc/108pk8o
live url : gpresstheme,com/generatepress-review/February 28, 2021 at 10:19 am #1676299FajriHi, please reply my ticket
February 28, 2021 at 10:37 am #1676315YingStaffCustomer SupportHi Fajri,
As I replied in your another topic, let’s handle one to two questions per topic.
1. Uncheck the Display posts in columns box at Customizing > Layout > Blog > Columns so that the articles will be displayed in 1 column.
Go to Customizing> Layout > Sidebars > Blog Sidebar Layout, choose content/ sidebar.
2. You’ll need some CSS to achieve the dotted bottom border. Here’re some basic border CSS you can learn from:
https://www.w3schools.com/css/css_border.aspPlease open new topics for other questions, thanks for your cooperation!
March 1, 2021 at 12:24 am #1676811FajriI’ve follow your suggest for number 1.
But that not changedMarch 1, 2021 at 3:51 am #1677026DavidStaffCustomer SupportHi there,
can you share a link to the site you want to make those changes to.
March 1, 2021 at 4:08 am #1677041FajriMarch 1, 2021 at 5:20 am #1677107DavidStaffCustomer SupportFirst you need to set the Customizer > Layout > Container to Separate Containers and adjust its padding.
Then go to Customizer > Layout > Blog >> Archive and set the Post Meta eg. author etc you want displayed. Then down to Featured Images >> Archive and uncheck:
Display padding around images
Once thats done let us know and ill provide the CSS for the remaining styling.
March 1, 2021 at 5:43 am #1677139FajriI’ve do it.
I see, my blog pages messy.After this, what will i do ?
March 1, 2021 at 6:10 am #1677190DavidStaffCustomer SupportYou need to do:
First you need to set the Customizer > Layout > Container to Separate Containers and adjust its padding.
March 1, 2021 at 6:19 am #1677206FajriOke, i’ve do that.
Next step ?
March 1, 2021 at 8:23 am #1677554DavidStaffCustomer SupportChange the Body Background Color to a lighter grey.
Then in Customizer > layout > container increase the separating space to increase the gap around the posts. And increase the top and bottom padding.
Then add this CSS for the rounded corners:body:not(.single) .inside-article { border-radius: 10px; overflow: hidden; }
March 1, 2021 at 8:33 am #1677583FajriI’ve input the code in additional css.
But the style is not the sameMarch 1, 2021 at 10:25 am #1677737YingStaffCustomer SupportThe css is working, you can’t see them because your body background color is the same as your content background color.
I simulated it in developer tool when you change your body background color to grey.
https://www.screencast.com/t/ccJojtXgT41AIn order to make featured image show full width, go to Customizing > Layout > Blog >Featured Images , uncheck Display padding around images box.
March 1, 2021 at 6:21 pm #1678088FajriGreat,
But i’ve a problem.Width on single post not same with Category / Blog Pages
Pict category pages : https://prnt.sc/10ax8ew
Pict single post : https://prnt.sc/10ax8xcHow to set width of single post same with category pages ?
March 1, 2021 at 8:03 pm #1678166YingStaffCustomer SupportIt seems coming from a layout element.
Go to appearance > elements, check if there’s a layout element assigned to single post which set the content width to 800px. Simply disable it will fix the issue.
Let me know 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.