Archived

This topic is now archived and is closed to further replies.

  • 0

how change the html of my blog post


Question

Posted · Report post

Hi,

 

 

I just want to modify the HTML structure of the blog post for put the thumbnail on the right of the page (at the same level like the title but not of the excerpt as it's possible with the Pagelines's option). I don't know how change the html ? Is it with a child theme or something else ?
 
Thanks a lot
 
FM

post-30851-0-37447400-1364667180_thumb.p

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

Thanks again, I have a very last question. Which code I can use to display the thumbnail of the current post in a box ? I tested this : <?php echo the_post_thumbnail($id); ?>. But It's doesnt work unfortunately.
 
FM

Share this post


Link to post
Share on other sites

Posted · Report post

If you add the Action Map plugin (free in Dashboard > PageLines > Store > Plugins > Top Free), you can identify where to apply the PHP snippet. Unfortunately, I don't know if that code will work, as I'm not a developer or programmer. We don't actually support the code you may apply, only the tools to apply it.

 

I can recommend the Hooker plugin as a means of applying the hook, much easier, if you know which location.  Action Map will tell you where it goes, and Hooker will apply it for you. All you need to do is paste your code into Hooker, and save.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

If you use Firebug for Firefox or Chrome's Inspection Tool, you'll be able to find this CSS element: 

.media .img 
 

Below it, you'll see float: left; which aligns the image left of the title.

 

Simply change left to right to test it. See if it works and if it does, just copy the code directly from the testing area and paste it in Dashboard > PageLines > Site Options > Custom Code.

 

That should work.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks a lot, with the CSS it's very easy and it's work very fine. but in fact I want to move the thumbnail on the right and after add a new div below. It's why I ask how I can change the HTML.
 
FM

Share this post


Link to post
Share on other sites

Posted · Report post

To add a new div, you'd need to use a hook.  Are you familiar with those?

Share this post


Link to post
Share on other sites

Posted · Report post

A little bit since few hours. So I will try and I will come back later if I'm blocked.
 
Thanks again for your reactivity. I'm very impressed (and I'm a huge fan of Pagelines !!)
 
FM

Share this post


Link to post
Share on other sites