Post in page

Hi

I did the modification into CSS sheet of the child theme, but it was better without the new little piece of code you gave me in the post before.
Let me understand, because I am not very comfortable with CSS, or just code…I am just a basic user.
What do you mean by Custom CSS ? There would be somewhere a file called like this or I need to create it ? Would it be the place where the user can make modifcations of the theme using “!important” tag ? and this file would just need to be reloaded into the theme folder in case of update ? Or there is just a section into style.css file where I can make modifications with “!important” tag ?
If that’s right does exist the same for function.php ?

Sorry let me clarify.

There is a section in the Customizer called “Custom CSS” (Appearance > Customize). You’ll see an input there where you can copy and paste the CSS in my last response. It should take effect right away.

Ok !
Sorry.
I pasted the code here, but same effect as pasted into the CSS file. I was not surprised a lot ??
Posts displayed into the page are not different a lot from those displayed on home page, only few things that I would like to change :
– the height of the box (it’s may be the cause of black stripe under the image, I suppose there is a white one under the text)
– the underlines of text
– the position : one with image on the left, the next image on the right, and so on
You would have an idea to fix these ?
Thanks again for your time !!!

Okay each of those customizations can be addressed with the following CSS which can be added to the Custom CSS section:

.page-id-447 .entry-container {
  padding: 5.55% !important;
}
.singular .excerpt .featured-image {
  margin: 0 !important;
}
.singular .excerpt a {
  text-decoration: none !important;
}
.singular article .excerpt:nth-child(even) .excerpt-container {
  float: right;
}
.singular article .excerpt:nth-child(even) .featured-image {
  right: auto;
  left: -1px;
}

If there are any discrepancies left let me know and I can check it out.

Thanks for that !
It’s almost done ; just now the container into test page is bigger than the one on home page.
If I set the padding value from 5.55 to 15, the width on page is almost the same as home page, but by doing that the distance between the title of the page and the first post is a lot increased.
I need to learn CSS !!!

Awesome, so close now!

This should work instead:

.page-id-447 .entry-container {
  padding: 0 5.55% !important;
}

With the “0” added, the spacing above and below the posts will no longer be adversely affected.

Whaoo !
I just changed the 5.55 value to 12.5 and it’s just perfect !!
Thank you so much for your time for the newbie I am.
You can tag this post as “Resolved” !!

Right on! Good for you, hector7. Thanks Ben!

Happy to help!

Thanks for jumping in too Eric ??

Hi guys

It’s me again ??
I intended to make the modifications below into a brand new clean and fresh installation using the last version of tracks 1.47
Unfortunately the result is not the same into the new page than the old one.
I have pieces of code appear (white spots) and styling is a little bit different.
You’ll be able to check those pages here :
– new one : https://demo.decornaturel.fr/hotel/
– old one : https://test.decornaturel.fr/testpage/

Thanks again for your help !!

There are two things that need to be changed. First, update the following CSS with the new page ID:

.page-id-525 .entry-container {
  padding: 0 5.55% !important;
}

This CSS is written so that it doesn’t affect any of your other pages, but the drawback is that you need to update the ID (525) every time you embed the posts like this on a new page. If you need to update this again, you can just change the number to the page’s ID which you can find like this.

Secondly, the white squares are coming HTML “code” elements being inserted. Can you edit that post and switch the from the Visual view to Text? Check to see if there are any elements that look like this <code></code> and remove them from the page.

I did the update with the new page id, but it did not work perfectly.
You were right, and something strange occured : the shortcode was into code tags, visible into the text editor ! These tags were the only problem.
These tags deleted and everything is ok now.
Again, thank you so much !

No problem, glad everything is working now ??