Setting Custom Post and Styling it

Hi, Good day to you. It seem I can't select custom post also I would like to style my post to this style : https://premium.wpmudev.org/blog/plan-build-launch-wordpress-site/
How can I do that? Many thanks.

  • Rupok
    • Support Ninja

    Hi Mei, hope you had a wonderful day.

    It seem I can't select custom post

    I'm not exactly sure about your requirement here. Can you please describe a little more so I can guide you better?

    I would like to style my post to this style

    Do you want your single blog posts to look exactly like our blog design? Or you want something closer? You can customize your blog page with Custom CSS Code. If you exactly want to clone our blog design, I'm afraid that will require huge amount of custom coding which is beyond our scope. But if you want something closer, I can guide you but for that, I'll need access on your site.

    Would you mind allowing Support Access so we can have a closer look at this?

    To enable support access you can follow this guide here:
    http://premium.wpmudev.org/manuals/wpmu-dev-dashboard-enabling-staff-login/

    Have a nice day. Cheers!
    Rupok

  • Rupok
    • Support Ninja

    Hi Mei, hope you had a wonderful day.

    I do apologize, previous I didn't check your source code and missed that you are using Upfront Theme. With Upfront, you can get closer look just by rearranging elements. You can drag and drop your features image above your title and make it full width. Please check the attached screenshot for reference.

    You can drag your author Display Name on the left portion, resize the area of post content (move left border towards a bit right), and drag your publish date under the post title.

    If you want your page background to be same as our blog post page, then you can use the following custom CSS Code:

    body {
      background: #555 none repeat scroll 0 0;
    }

    Regarding social share icons, you can install social share plugins which support shortcodes. Then you can drag and drop "code" widget and select "Text" widget where you can paste your shortcode and your social share links will show.
    Here are some plugins for your convenience:
    https://wordpress.org/plugins/simple-social-share/
    https://wordpress.org/plugins/add-to-any/
    https://wordpress.org/plugins/wp-social-sharing/

    Please let us know if you have any confusion. We will be glad to help further.

    Have a nice day. Cheers!
    Rupok

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.