Custom Home Page

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

Status: not resolved
  • This topic has 18 replies, 4 voices, and was last updated 5 y, 3 mo by  Jacob.
Viewing 18 reply threads
  • Author
    Posts
    • #10234

      Fabylr
      Member

      Hi,

      I refer the below post to do what I want but it did not solve a few problem.
      https://wpthms.com/support/topic/custome-home-page/

      please look at the below questions that are not resolved:

      1) How to reduce the space between two posts. And code will be helpful. For more clarification please check image 1.

      2) Mobile device – How to put the Title and excerpt underneath the post pic as with the code mentioned in the Link, the Title and Excerpt is all compressed on the right hand side of the pic.

      I tried the below code but it is not working.
      @media (min-width: 480px) {
      .site-content article.custom-hentry img{
      float:left;
      width: 200px;}}

      3) Move the social icons on the top menu to the right side from the existing left side and move the custom links/pages(about, contact , job) on the left side from the existing left side.

    • #10275

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #10277

      Fabylr
      Member

      1. Where do i need to add that code? style.css?
      2. I had already tried adding that code in style.css but it did not work.

    • #10279

      Fabylr
      Member

      I again tried that in custom css and when I check on mobile, everything was flushed.

    • #10301

      Fabylr
      Member

      [URGENT]

      Jacob,

      Can you please help in this asap.

    • #10311

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #10313

      Fabylr
      Member

      If you see my last massage, i clearly mentioned that I added in Custom CSS.

      But its just not working on mobile.

    • #10317

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #10319

      Fabylr
      Member

      I had already tried it and it was looking horrible when I opened the site in Mobile that is the reason, you still see this code:
      .site-content article.custom-hentry img {
      float: left;
      width: 200px;
      }

      instead of:

      @media (min-width: 480px) {
      .site-content article.custom-hentry img{
      float:left;
      width: 200px;
      }
      }

      Please open the site in your mobile and you will see by yourself.

    • #10334

      Fabylr
      Member

      Jacob,

      Can you please help on this on priority.

      I can’t tell anyone about the site till the time it is fixed.

      Mobile site sucks by editing your code.

    • #10355

      Erick
      Member

      I can help you, what’s the name of your website? also you can try this code

      html .site-content[role="main"]>article.post {
        padding-top: 15px;
        padding-bottom: 0px;
      }
    • #10356

      Erick
      Member

      Btw jacob it’s a really cool guy with an amazing customer support ethics, what you need to understand its that the forums and their support its voluntary, they don’t really need to help anyone but they do it and they do an excellent work. Also they are not robots and have work days and rest days, and on top of that they have other 4 groups with more people like you and me that need help.

      So please try to search your answer in the forums because more likely it’s already been answer before. This exact question was asked by myself. here is the link [https://wpthms.com/support/topic/how-to-shorten-spaces-between-post/]

    • #10358

      Fabylr
      Member

      Agree, Jacob is a cool guy and provided excellent support.

      But I had deadline and missed it. I have penalty to pay.

      For spacing, I am using the code Jacob had provided but it does not work.
      .site-content[role=”main”]>article.post {
      padding-top: 10px;
      padding-bottom: 10px;
      clear: both;
      }

      I tried the code you provided and that too not working.

      My main issue is –
      2) Mobile device – How to put the Title and excerpt underneath the post pic as with the code mentioned in the Link, the Title and Excerpt is all compressed on the right hand side of the pic.

      I used the code that Jacob provided:

      @media (min-width: 480px) {
      .site-content article.custom-hentry img{
      float:left;
      width: 200px;
      }
      }

      But it messed up the content on mobile site.

      Site: Fabylr.com

      Any help would be great.

    • #10381

      Max
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #10385

      Fabylr
      Member
      This reply has been marked as private.
    • #10410

      Fabylr
      Member

      Jacob/Maxxi,

      Can you Please help me with this?

    • #10414

      Max
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #10421

      Fabylr
      Member

      Maxxi,

      The image and post headline both are still side by side. Please check the image here. https://i.imgur.com/yfU3NIb.png

      I actually wanted to have Headline underneath the Image.

    • #10510

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

Viewing 18 reply threads
  • You must be logged in to reply to this topic.

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

© Copyright 2020 by wpthms.com. All Rights Reserved.