Custom Home Page

This topic is: Not resolved

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

This topic contains 18 replies, has 4 voices, and was last updated by  Jacob 1 year, 5 months ago.

  • Author
    Posts
  • #10234

    Fabylr
    Member
    Post count: 92

    Hi,

    I refer the below post to do what I want but it did not solve a few problem.

    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
    Post count: 2323

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

    Login | Register | Forgot Password?

  • #10277

    Fabylr
    Member
    Post count: 92

    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
    Post count: 92

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

  • #10301

    Fabylr
    Member
    Post count: 92

    [URGENT]

    Jacob,

    Can you please help in this asap.

  • #10311

    Jacob
    Staff
    Post count: 2323

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

    Login | Register | Forgot Password?

  • #10313

    Fabylr
    Member
    Post count: 92

    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
    Post count: 2323

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

    Login | Register | Forgot Password?

  • #10319

    Fabylr
    Member
    Post count: 92

    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
    Post count: 92

    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
    Post count: 1018

    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
    Post count: 1018

    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 [http://wpthms.com/support/topic/how-to-shorten-spaces-between-post/]

  • #10358

    Fabylr
    Member
    Post count: 92

    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
    Post count: 3150

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

    Login | Register | Forgot Password?

  • #10385

    Fabylr
    Member
    Post count: 92
    This reply has been marked as private.
  • #10410

    Fabylr
    Member
    Post count: 92

    Jacob/Maxxi,

    Can you Please help me with this?

  • #10414

    Max
    Staff
    Post count: 3150

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

    Login | Register | Forgot Password?

  • #10421

    Fabylr
    Member
    Post count: 92

    Maxxi,

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

    I actually wanted to have Headline underneath the Image.

  • #10510

    Jacob
    Staff
    Post count: 2323

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

    Login | Register | Forgot Password?

You must be logged in to reply to this topic.

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