Moving Posts on Front Page

  • ontargett

    (@ontargett)


    10 years ago

    https://www.ontargettdesign.com

    Hi,

    I want to change the position of the posts on the home page. I have written a post without a title and had it appear on the front page, its the message that reads “Allseasons Building Services have been developing their…” I thought this was the esiest way to have a welcoming message on the home page.

    But I want this message to appear in the space above the featured circles and below the slideshow.

    I have seen a tutorial with hooks and the likes of but I got confused. Could someone give me a step by step guide as simple as possible please? I am using a child theme.

    Thanks in advance

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author presscustomizr

    (@nikeo)

    Hi @ontargett,
    A good starting point would be to read the Customizr hooks API introduction and check the many examples of implementation, in your case, you’ll want to see the action hooks snippets.
    I hope this will help

    rdellconsulting

    (@rdellconsulting)

    In positioning, there is nearly always a php hook solution (best) or a simpler CSS solution. Here’s the latter:

    .home article#post-564 {
  position: relative;
  top: -530px;
}
.home .row.widget-area {
  margin-top: 40px;
}
.home #main-wrapper {
  margin-bottom: -120px;
  margin-top: 20px;
}
    Thread Starter ontargett

    (@ontargett)

    Ok I will try the ccs solution as I cant get my head around the hooks!

    Thread Starter ontargett

    (@ontargett)

    Thankyou for your help @rdellconsulting

    I have tried this but I wanted a bit of padding around the welcome message as you can see. But the footer now seems to have changed position, I am just getting further and further in the poop with changing the numbers, this is the code I have. What code do I need to add to it to get the content in the correct position in the footer?

    .home article#post-564 {
  position: relative;
  top: -500px;
}

/*FEATURED PAGES CIRCLES */
.home .row.widget-area {
  margin-top: 40px;
position: relative;
top: 100px;
}

.home #main-wrapper {
  margin-bottom: -120px;
  margin-top: 20px;
}

    But it also mucks up the appearance when it appears on a phone screen

    stellamaris5

    (@stellamaris5)

    @ontarget
    If you want to add content to your front page an easy and quick way of doing it is to create a new page called ‘home’ with your home age url. Add content etc then set ‘home’ as the front page in customize. You can do on page seo and also have your featured pages of you want.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Moving Posts on Front Page’ is closed to new replies.