posts page
-
Hi there,
I have several issues:
1. I am trying to change appearance of Post page ‘Članci’. I would like that all my posts are arranged equaly – there should be a date, title of the article, picture and short summary beside the picture…next post is below the previous one and so on. Additionaly I would like to have widget Categories on the right side.
2. When I click on a Category ‘Suho gladovanj’ there is an imag from the home page e in the title which I would like to be removed, but I dont know how.
3. In the menu ‘Suho gladovanje’ I put a facebook link, but it doesnt show my picture, it seems something is wrong.Thank you
Damir
The blog I need help with is: (visible only to logged in users)
-
Hi Damir,
1. I am trying to change appearance of Post page ‘Članci’. I would like that all my posts are arranged equaly – there should be a date, title of the article, picture and short summary beside the picture…next post is below the previous one and so on.
You have the following CSS which is hiding the post content, date/author, etc. on the posts on your blog page.
.blog .entry-content, .blog .entry-secondary-meta, .blog .entry-header .entry-meta { display: none; }The easiest way to get the text beside the image would be to insert the image into the post content either left or right aligned, which will then wrap the text around the image instead of using a featured image.
To shorten your posts to just an excerpt, you can insert the More Tag into your posts where you wish to split the content.
Additionaly I would like to have widget Categories on the right side.
Currently you have your widgets hidden from the ‘Članci’ page using Widget Visibility.
-
Tnx
Good idea. I put the text beside the picture instead using featured image. IHow do I remove Featured Image from the post page “Članci”, because I dont want to have the same picture twice?
Damir -
And one more question. How can I make that another tab in interner explorer opens when someone click a link on the page, instead of opening in the same tab.
Damir -
On the featured images, open the posts in the post editor and scroll down and on the right you can click to remove the featured image.
On links, when making them in the page or post editor, you can click on the “gear” icon and then you can choose to have the link open in a new page if you wish.
-
I know how to remove it from the post, but if I do that then I dont have that image on my front page in recent posts. I would like to have it in my recent post on front page, but remove it from post page, because it appears twice. You can see one post on my post page “Članci”, post name “Inteligencija fizičkog tijela” has two same images.
Tnx
Damir -
Ah, we can do that. There are two options on this. This first removes the image and leaves the grey background behind the title and entry metadata.
.single .entry-header { background-image: none !important; }This second removes the image and sets the background color to white and then changes the text color of the title and entry meta to black.
.single #primary-header { background-image: none !important; } .single #primary-header .overlay { background-color: #fff; } .single #primary-header .primary-hentry-inner .entry-title, .single #primary-header .primary-hentry-inner .entry-meta, .single #primary-header .primary-hentry-inner .entry-meta a { color: #000; } -
Good. One more thing.
Go to “Članci”. It is a page with the list of posts and you will see that the same picture is shown twice for each post. I would like to remove the first one, the left one – i would like to have only one picture.
Tnx
Damir -
Hi Damir, the reason there are two images is that you have the same image as a featured image and also inserted into the post content area. We can hide the featured image (the first) with the following CSS.
.blog:not(.has-sidebar) .entry-thumb { display: none; } -
Thank you. It works just fine.
One more thing. There is a section of my recent post under name “Novi članci” on the front page. Each post has a picture and below a picture is a text. Can you make that text “justified”?
Tnx
Br
Damir -
Damir, if you wish to justify all post/page content text, add the following,
.hentry { text-align: justify; }if you wish to only justify the text in the recent posts on the main page of your site, then use this instead.
.recent-post .hentry { text-align: justify; } -
Hi,
on the bottom of my page there is a footer named “Kategorije”. When I click on “Suho gladovanje (18)” all my post are listed, but each post has two same pictures. I would like to have one picture removed. The same thing you have already did it on my website, but on different page….like this.blog:not(.has-sidebar) .entry-thumb {
display: none;
}Tnx
Damir -
Hi Damir, we will need to change the CSS you referenced a little in order to remove one of the images from the categories pages. Use the following instead.
.archive:not(.has-sidebar) .entry-thumb { display: none; } -
Thank you. It works just fine.
One more question for the same page. So, when I click on the footer “suho gladovanje” it opens the page with my posts. On that page there is a background image in the title area. I would like to remove that image, to be tha same as you already did it, like this:.single #primary-header {
background-image: none !important;
}
.single #primary-header .overlay {
background-color: #fff;
}
.single #primary-header .primary-hentry-inner .entry-title, .single #primary-header .primary-hentry-inner .entry-meta, .single #primary-header .primary-hentry-inner .entry-meta a {
color: #000;
} -
This will remove the background image from the header area on archive/tag/category pages and set the background color of that area to the normal grey like on other pages.
.archive .page-header { background-image: none; background-color: rgba(0, 0, 0, 0.02); }
- The topic ‘posts page’ is closed to new replies.
WordPress.com Forums 