[Support request] Create many section on a page use WPSP

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Create many section on a page use WPSP

This topic contains 7 replies, has 2 voices, and was last updated by  Tom 1 week ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #6761

    Ngo Tien Chien
    Participant

    Hi, Tom
    1. I want to make a page many section, each section have structure (interface) similar to picture:
    https://i.imgur.com/sj6dwDLl.png

    I have to use WPSP pro to make like this:
    https://i.imgur.com/hcoZOIVl.png

    2. I also use CSSS Code you write to hide content (in one WPSP column) in mobile/tablet and only show title:
    @media (max-width: 768px) {
    #wpsp-1092 .wp-show-posts-entry-summary {
    display: none;
    }
    }

    The my problem:
    1. When I use WPSP to create a section (in above image, 1.) the section take a lot square of page (not similar to thecutterwire). I am finding a way to do that but not success.

    2. CSS code work.
    But the image is not left aligned. That mean: Title appears above the Imgae. I really want on Mobile/Tablet view: Image(left) and Title (right). You can see the pictures I posted.

    3. Can you give an advice for me ?
    Thank.
    (I can give admin site demo to do that)

    #6762

    Ngo Tien Chien
    Participant

    (I want to say: When I use WPSP to create a section (in above image, 1.) the section take a lot are (width, height) of page (not similar to thecutterwire). I am finding a way to do that but not success.) Sorry I cannot edit my post.

    #6764

    Tom
    Keymaster

    Hi there,

    1. So you’re basically wanting to reduce the amount of spacing so it takes up a little less space?

    2. Have you tried setting your featured image location to above the title in the WPSP settings? This should make your entire list look much more like the example.

    #6765

    Ngo Tien Chien
    Participant

    1. yes. I want section (use wpsp) smaller in the height.
    2. I am testing. I set width, height for image.

    #6766

    Ngo Tien Chien
    Participant

    You can see the main page of thewirecutter.com. I really want I can make a homepage like that.

    #6767

    Ngo Tien Chien
    Participant

    2.
    nearly success.
    – I edit wpsp as following:

    View post on imgur.com


    – On destop is OK:

    View post on imgur.com

    -Tablet my be ok ( still a big space between Title and Excerpt)

    View post on imgur.com

    – But on Mobile view is not ok:
    https://i.imgur.com/IOAHL3l.png ( you can I show thing I want in this picture)

    #6769

    Ngo Tien Chien
    Participant

    thank you !

    #6774

    Tom
    Keymaster

    Looks like you’re getting close! Any chance you can send me an updated URL to your site so I can give you some specific CSS?

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.