Moving Title from the it's center position

• 

  helixandfog · Member · Apr 6, 2016 at 6:03 pm

  • Copy link
  • Add topic to favorites

  I need to move the title for only one feature page- my home page. Currently, “Custom. Remote. Right On” is on the center-most position. Unfortunately, this obscures my feature image. I need the code for moving only that title over to the left.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Apr 6, 2016 at 10:01 pm

  • Copy link

  Let’s start with this and see what you think. I’ve limited this change to only your home page by using the “home” CSS class set in the opening HTML body tag.

  .home #fullscreen-header .featured-slide .hentry-inner {
      vertical-align: top;
  }

• 

  helixandfog · Member · Apr 12, 2016 at 1:37 pm

  • Copy link

  Thank you for your prompt response! I have moved it to the top. Now, I need to shift it over to the left but not so far that it is directly under my logo. Thanks!

• 

  thesacredpath · Member · Apr 12, 2016 at 7:43 pm

  • Copy link

  Your site title/logo centers at 768px in window/screen width, so I going to suggest we use a Media Query to limit this to 769px and wider so that the title is again centered below the logo when it centers.

  @media screen and (min-width: 769px) {
  .home #fullscreen-header .featured-slide .entry-title {
      float: left;
      margin-left: 150px;
  }
  }

  You can adjust the 150px value as desired to get things aligned as you desire.

• 

  helixandfog · Member · Apr 15, 2016 at 10:53 am

  • Copy link

  Thank you. However, I only meant to move the Home Page title (Custom. Remote. Right On). That css also moved the title for the second featured page (Become a Globalpreneur)- which needs to remain centered. :)

• 

  thesacredpath · Member · Apr 15, 2016 at 8:44 pm

  • Copy link

  Hi there, https://armworx.com/become-a-globalpreneur/ is not affected by the CSS I gave you above. If you temporarily comment out the CSS I gave and visit that page, you will see that the page title is in alignment on the left with the content. Right now you have that title hidden with CSS.

• 

  helixandfog · Member · Apr 16, 2016 at 12:41 am

  • Copy link

  Please take a look at if from the home page by navigating right on the featured pages section. You should see that the title and the call to “read more” are no longer aligned center.

• 

  thesacredpath · Member · Apr 16, 2016 at 1:05 am

  • Copy link

  Ah, you are talking about in the slides in the post slider at the top. Ok, we can target just the Custom. Remote. Right On page then. Replace what I gave you with this.

  @media screen and (min-width: 769px) {
  .home #fullscreen-header .featured-slide .post-37 .entry-title {
      float: left;
      margin-left: 67px;
  }
  }
  .home #fullscreen-header .featured-slide .post-37 .hentry-inner {
      vertical-align: top;
  }