Jump to content
calientes

how change the html of my blog post

Recommended Posts

calientes    0
calientes

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
calientes    0
calientes
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
Rob    547
Rob

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


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
calientes    0
calientes
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
calientes    0
calientes
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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Queue-it
      By Queue-it+
      Hi,
      How can I remove the "next post" links below each post page? 
      https://queue-it.com/cdn-blog/
      Before we had a related post section, but I can't find it among any functions, widgets etc. 

    • Barnaby Skinner
      By Barnaby Skinner+
      Hey team,
      Really simple question: where would I add code to a specific page header? I can see in the settings I can add code to the global header, but can't see how to do it for a single specific page. It's related to facebook pixel tracking
      Cheers
    • dymond
      By dymond+
      Ahhh I screwed up. I was ALMOST DONE with my website, and tried adding a mailchimp js pop up form on the home page with this code mailchimp gave me for the pop up:
      <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us12.list-manage.com","uuid":"d136d5c71f4509140650ecf70","lid":"ab22ff149a"}) })</script>
       
      However, instead of adding a pop up it applied to the entire home page so now when I go to page to delet the code, I can;t... I get the stupid pop up and all i see is ablank page... please can someone out there help? Thank you! i have no idea where to manually find the code so I can delete it. I added a PL5 section "html" and dropped it in there...
      www.purplerosedesigncenters.com
       
       

    • lutz
      By lutz
      Hi everybody,
      I use Pagelines for some years now, but for the first time I have to split up posts into several pages.
      Unfortunately, <!-- nextpage --> doesn't work.
      Can please someone help me, making that work?
      I don't have the time to change the theme and need the post split up because it would be way too long, espcially on mobile displays ...
      Thanks in anticipation!!!
    • nevil120
      By nevil120
      Hi everyone,
      I have my website ****. 
      Today I am facing some strange problem. All the website links work on desktop platform but not on mobile or tablet devices (Except links from widgets). Can you help me out with this?
×