Altering Individual Post Page Layout

Posted in: Newsmag
Post count: 9

Hello,

I’d like to know if it is possible to alter the individual post page layout to look similar to the Image/Header combo featured in Block 13. As of now it only gives that option for the list of posts but when you click on an article the only layouts available have either the title above the image and then the text below or the the title above the text but the image is enlarged (making it necessary to have certain quality and sized images). Could it be possible to have an article with the title/author/date below the image, above the text and for the image to not be blown up? Please let me know, thanks!

Post count: 23312

Hello h.mendoza,

If you want to make some changes to the style of Block 13, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td_block_13 .td-excerpt {
padding-top:80px!important;
}
.td_block_13 .meta-info {
margin-bottom: -65px;
}

The results is here -> https://www.screencast.com/t/lq0Gg80B

Thanks for your understanding!

Post count: 9

Hello,

The picture you sent is exactly what I wanted but when I imputed the copy and pasted code into Custom CSS in theme panel it didn’t alter anything. It also flagged the line with “!important” (line 2) and simply states “use of !important”. Not sure if that has something to do with it?

/Users/h.mendoza/Desktop/Screen Shot 2017-05-17 at 3.12.03 PM.png

Post count: 23312

Hello h.mendoza,

Please provide your website URL so I can take a closer look at it and also, so I will be able to provide a more accurate response.

Thanks for your understanding!

Post count: 9

Hi my website url is – http://www.segframes.us

Post count: 23312

Hello h.mendoza,

Try to use the code below and place it in Theme panel and check the results.

.td_module_14 .td-excerpt {
padding-top:80px!important;
}
.td_module_14 .meta-info {
margin-bottom: -65px!important;
}

The result is here -> https://www.screencast.com/t/enmia3E5

Thanks for the message!

Post count: 9

Hi, I think there was a misunderstanding. I wanted to change the template of the full article’s page. For example when you click on any article and it takes you to the full post, you’ll notice the image is below the title/author.

And the only other block options for articles to feature the title/author below the image makes the image full-sized. I’d like to leave my article block as it is but have the title/author under the image. Is that possible? Here is the url to the page I’m referring to- http://www.segframes.us/featured/walmarts-jet-com-has-a-new-in-store-story/

Post count: 23312

Hello h.mendoza,

I have inspected your website and I saw that you are using the post template default. So, if you want to change the style for this template, you should edit the loop-single.php core file and move the meta-container to be placed after the content, like this -> https://www.screencast.com/t/WHl68VN2 and the result should look like this -> https://www.screencast.com/t/abEUzUg4

Hope this helps!

Thanks for your understanding!

Post count: 9

Where do I go to adjust the loop-single.php?

Post count: 23312

Hello h.mendoza,

Please notice that I have pointed you above where exactly you should edit in order to achieve as you wish. Notice that all the loop files can be found at the main theme packet, in the root files.

Thanks for your understanding!

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newsmag’ is closed to new topics and replies.