Manifest Theme. Q's about header, mobile, slideshow…

• 

  stillwaterhaze · Member · Jun 2, 2013 at 2:44 pm

  • Copy link
  • Add topic to favorites

  Hello!

  I’m just setting up my blog and after looking at the forums for hours on end and playing around with different things I am left with a few questions so any help would be much appreciated.
  Please keep in mind im new to wordpress and CSS, although am understanding CSS much better now than when I started a couple of weeks ago :)
  Okay, the slideshow on the home page, I need to remove the black border for starters. Secondly, I am quite sure this is impossible with Manifest theme, but to make the actual photos fill the full size of the slideshow (ie. where the black border goes to now). I’ve tried simply resizing the photos to the width of the blog but this didn’t work.

  Also I did something in CSS to move the nav bar under the header but now my header image has disappeared and I’m not sure how to get it showing up again!

  And finally, the site looks completely different when looked at on a phone, is there an easy way to make it look the same as on a computer screen?

  Thanks so much in advance, appreciate any assistance!
  Amy.

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

• 

  justpi · Member · Jun 2, 2013 at 4:04 pm

  • Copy link

  1) You’ve added these two pieces of code:

  #header-image {
      left: 100px;
      position: absolute;
      top: 0;
      z-index: -1;
  }
  #header-image a img {
      display: none;
  }

  Delete the second code, and turn the z-index number to a positive one.

  2) To remove the slideshow frame, add this:

  .slideshow-window {
      background-color: transparent;
      border: 0 none;
      margin-left: 20px;
  }

  3) Each theme confines the slideshow images to a fixed maximum width (= the width of the regular main column minus the 20+20px of the blackish border, so in Manifest 460px) , and this isn’t defined in the CSS so you cannot really override it: you can turn the images to full width via CSS, but they won’t be real larger versions, they will be the default ones blown-up, so the quality will be poor.

  4) Sorry, I have no experience with mobile devices. You’ll probably have to wait for a staff reply.

• 

  stillwaterhaze · Member · Jun 5, 2013 at 3:17 am

  • Copy link

  Hi Justpi,

  Thanks so much for helping out. The header is fixed now thank-you. However that slideshow part did not fix the black background around the slideshow images. Is there any other way to do this?

  Thanks, and yes any help with the mobile device part is still appreciated from anyone!

• 

  justpi · Member · Jun 5, 2013 at 4:14 am

  • Copy link

  You’re welcome.

  If the code I suggested didn’t fix the slideshow bg, then adding “!important” to the rules should force it to work:

  .slideshow-window {
      background-color: transparent !important;
      border: 0 none !important;
      margin-left: 20px !important;
  }

  Also, try with and without the margin rule and see which version makes the images exactly centered.

• 

  stillwaterhaze · Member · Jun 5, 2013 at 4:52 am

  • Copy link

  Thanks that worked!