Jump to content

Archived

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

Michael_J

Magazine style (2-column post) in DMS2?

Recommended Posts

Michael_J    3
Michael_J

Hi. Just wondering if it is no longer possible to have magazine-style? I don't see it in "Post Layouts" ?

Share this post


Link to post
Share on other sites
Michael_J    3
Michael_J

Ok, I just found that under the 'legacy' option which I see will not be available  moving forward. In that case, how to achieve the same look?  I want to have the first post on the blog page appear full-width, and other ones appear 2-columns summary, same as shown here:

 

HiddevH.png

Share this post


Link to post
Share on other sites
jmad+    80
jmad

If I were you I'd use the PinsPro section or the theme.  It creates a nice Pinterest style blog page.  Just create a page titled "blog" or whatever and point the WPSettings for blog to that page.  You could try using Flipper at the top of the page with just one post.   You have to limit flippers categories and PinsPro (which I'm not sure can be limited).

  • Like 1

Share this post


Link to post
Share on other sites
Michael_J    3
Michael_J

jmad thanks, I'll check it out.

Share this post


Link to post
Share on other sites
jmad+    80
jmad

I have the PinsPro section not theme installed on MistyOlsen dot com if you want to take a look.  I have it styled to match the design of the site.  And you do have to add the below CSS or the pins overlap.  I think the section is actually called PostPins and the Theme is PinsPro.  Good luck.

 

/*corrects postpin spacing issue in theme*/

.postpin-wrap {

width: 244px;

}

Share this post


Link to post
Share on other sites
Michael_J    3
Michael_J

jmad where would I add the CSS to?  

Share this post


Link to post
Share on other sites
batman    389
batman

Hi Michael_J

I use for this a Danny´s Child Theme, this works fine to me in all update.

https://github.com/Dannyholt/skeleton

 

You can install the .zip like a theme in your dashboard > themes > upload

and the copy/paste yours CSS rules in the style.css

http://screencast.com/t/sZXzimY7x

 

I use the Child because I read this after update the theme

Please Note: Any customizations you have made to theme files will be lost. Please consider using child themes for modifications.

You can see the image

http://screencast.com/t/FeFQEG1Qav

 

You take a look to this too

http://docs.pageline...ase-child-theme

 

Very good Photographies and information in your Page

;)


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
batman    389
batman

Hi again

Of course, you can add this CSS rules at

"Custom LESS/CSS" in Chrome editor

 


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Michael_J    3
Michael_J

batman how do you install as child?

Share this post


Link to post
Share on other sites
jmad+    80
jmad

If you this is your site or you don't need much CSS then I'd just drop it into the custom CSS area of DMS its the < > symbols or where it says custom.

  • Like 2

Share this post


Link to post
Share on other sites
Michael_J    3
Michael_J

jmad I tried the code but that does not seem to work :(

 

x0DLh7F.png

Share this post


Link to post
Share on other sites
Michael_J    3
Michael_J

batman what is the difference between Dany's child and the parent theme?  I did install it, but not activated yet :)

Share this post


Link to post
Share on other sites
batman    389
batman

Hi Michael_J

What did you install ?

You need the Skeleton from Danny, you copy the CSS above into the Child...

;)


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Michael_J    3
Michael_J

@batmanyes I installed Skeleton. Just not sure why to insert CSS into Skeleton, and not insert into parent?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

My skeleton theme is just a child theme for DMS. If you enable it, it won't have any impact on your sites layout etc.. (but perform a backup just as a precaution). For more information on what a child theme is and why you should be using it, see the WordPress codex article here - http://codex.wordpress.org/Child_Themes

 

In regards to where you add the code, if you have the skeleton theme active. You can add the code to either the DMS CSS/LESS editor under the Custom tab or you can add it to the style.css or style.less file, the choice is up to you. However, I personally prefer to use the style.css file, but if you plan on taking advantage of LESS CSS, then add it style.less file.

 

If the code doesn't work, try prefixing it with #site so the code looks like this:

 

#site .postpin-wrap {

  width: 244px;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Michael_J    3
Michael_J

Danny thanks I've got it running though I'm still not clear on the reason for using a child theme.  Also, why do you personally prefer using the style.css file? 

Share this post


Link to post
Share on other sites
batman    389
batman

Hi Michael_J

In the Danny´s link 

http://codex.wordpre...rg/Child_Themes

You can see first

 

Why use a Child Theme?

Here are a few reasons:

  • If you modify an existing theme and it is updated, your changes will be lost. With a child theme, you can update the parent theme (which might be important for security or functionality) and still keep your changes.
  • It can speed up development time.
  • It’s a great way to get started if you are just learning WordPress theme development.

;)

 


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites

  • Similar Content

    • mrhinsh
      By mrhinsh
      Guys,
       When I add a Magazine layout it only shows text based comments and does not render my configured Disqus plugin.
      Can we add the same "comment panel" support to Magazine as "content" uses or am I missing something?
      -MrHinsh
    • fabienfons
      By fabienfons+

      I use the Plug in Yet Another Related Posts Plugin, it appears at the bottom of the Magazines Posts.
      The problem is that Font are too much Big. I don't want to reduce the font size of magazine, only the Font size of Posts generated by the plug in.
      I don't have this issue with the wordpress content, only with magazine...
      An idea ?
    • fabienfons
      By fabienfons+
      Hi,
      At the bottom of the Magazine section, i'd like to hide "next post" and "previous post" displays.
      How could i do that ?
      Thanks !
    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • catalinam
      By catalinam+
      Hi lovely Pagelines Forum Helpers!
      I am new to Pagelines as well as coding in general so sorry if this is stooopid. 
      I am reimaging my site www.theunimpossibles.com and I am trying to do a few seemingly simple things using paleness and modifying the lynette theme.
      How do I put a fine key line on the bottom of the dropdown nav? e.g. <hr style="height:1px;border-width:0;color:#e4e4e4;background-color:#e4e4e4”> I want a second nav in grey to site above it but I can't get the grey to go all the way to the top and full width. Is it possible to put social icons in the nav too? How can I make these two nav global but underneath the slider as per below only on the homepage? Is it possible to embed the royal slider onto the homepage? e.g putting the shortcode [new_royalslider id="4"] in the embed area generates the error: [RoyalSlider Error] Incorrect RoyalSlider ID or problem with query. Is it possible to make the slider, the instagram feed and the hero image on the blog posts full bleed? On the category page e.g http://theunimpossibles.com/category/recipes I would like to change "Posts  Currently viewing the category: "OM NOMS"" to be bigger, centred, and with more padding and only show the words "TOPIC: OM NOMS". Is it possible to remove the extract and put the date underneath similar to:  http://grittypretty.com/category/makeup/? Is it possible to make the post images on the blog posts wider and the text smaller? http://theunimpossibles.com/2015/06/30/amazingly-delicious-paleo-orange-blueberry-almond-meal-scones-with-earl-grey-cashew-cream/?pl_edit=on e.g the blog posts similar to http://grittypretty.com/makeup/the-top-6-office-beauty-must-haves/?  Obviously keeping everything responsive!
      I have been trying to Google all of this but alas I am very very stuck and would appreciate any help!
      Kindest,
      Catalina
       
×