Site mods for "pocket" theme

• 

  healthiest1 · Member · Aug 2, 2016 at 3:45 pm

  • Copy link
  • Add topic to favorites

  I have a few mods I’d like to make for my site.

  Home page
  I would like it to look like this;
  http://www.marniekay.com/

  – move my name from centre below the drop down buttons to upper right and beside the buttons.

  – slide the first pic right up to the top (basically where the title/name of the site currently is)

  – Add Video to the very next block on the screen

  – alternate white blocks and black blocks to create better separation on the page.

  – put a photo carousal at the top of certain pages

  – create/insert store or paypal button

  Any assistance you’re able to provide is greatly appreciated.

  Sincerely,

  Lee

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

• 

  thesacredpath · Member · Aug 3, 2016 at 1:51 am

  • Copy link

  Hi Lee,

  – move my name from centre below the drop down buttons to upper right and beside the buttons.
  – slide the first pic right up to the top (basically where the title/name of the site currently is)

  Given the title/tagline is in a different div at the same level as the menu, we can’t reliably move your title up into the area to the left of the menu, but what we can do is to make the existing title and tagline invisible and then add your name before the menu with the following CSS. Since this change causes issues on 768px and narrower screens/windows when the touch device menu activates, I’ve used a Media Query to limit this to 769px and wider screens. Below that width, things revert to the original design.

  @media screen and (min-width: 769px) {
  .header {
      display: none !important;
  }
  .header-nav-inside ul::before {
      content: "LEE DAVY";
      display: inline-block;
      float: left;
      font-family: "tekton-pro-1","tekton-pro-2",sans-serif;
      font-size: 46px;
      color: #000;
      padding-left: 20px;
  }
  }

  – Add Video to the very next block on the screen

  Are you talking about replacing the image where the guy is jumping off the rock into the water? If so, we can’t add videos as featured images on posts, it will only accept static images, and there is no way to replace it with an video using CSS. In addition, if you were to add additional posts, that existing first post would be pushed down and no longer be at the top. If I’ve misunderstood, please let me know.

  – alternate white blocks and black blocks to create better separation on the page.

  Are you wanting the white boxes behind the posts to alternate black and white? If so, see if this gets you what you are looking for. I also lightened up the post title and made the post content text white.

  .blog #post-block .post:nth-child(even) {
      background: #000;
      color: #fff;
  }
  .blog #post-block .post:nth-child(even) .entry-title a {
      color: #778899;
  }

  – put a photo carousal at the top of certain pages

  You can add a Slideshow to the page content area on any page, but we cannot add a slider to the header area, if that is what you are wanting.

  – create/insert store or paypal button

  We do not currently have an ecommerce solution for sites hosted here at WordPress.com, but you can add plain HTML Paypal buttons to any page or post. See this support document for more information on doing that.