Jump to content


Photo
- - - - -

how change the html of my blog post

html post

  • Please log in to reply
7 replies to this topic

#1 calientes

calientes

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 30 March 2013 - 06:13 PM

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

Attached Files



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 30 March 2013 - 06:27 PM

Hi,

 

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

Please Login or Register to see this Hidden Content

 

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.



#3 calientes

calientes

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 30 March 2013 - 06:59 PM

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


#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 30 March 2013 - 07:36 PM

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



#5 calientes

calientes

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 30 March 2013 - 08:10 PM

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


#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 16342 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 31 March 2013 - 07:29 AM

I recommend you read our hooks documentation, as it should assist you.

 

Please Login or Register to see this Hidden Content



#7 calientes

calientes

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 01 April 2013 - 07:52 PM

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


#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 01 April 2013 - 08:13 PM

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.







Also tagged with one or more of these keywords: html, post