Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 30, 2013 at 12:42 am #194852
    topergarden

    Hi there,
    Two questions…

    1. How do I reduce the space between the header/menu bar and the page content? On your demo page the slider is right up against the head. I would like all content to be close to but not right against the head.

    2. I’m not sure if this is possible, but I have a photo set as a background and am using a boxed display. I’m keen for the boxed content (header, body etc) to be semi-transparent, but not the text/sliders/images themselves. I added an opacity to “wrap_all” but this made everything semi-transparent, Is it possible to just make the ‘white’ background to the header/body semi-transparent, and leave the text/images non-transparent?

    Thanks!

    December 1, 2013 at 6:57 am #194988
    Yigit

    Hi topergarden!

    Can you post the link to your website so we can inspect elements and provide you more accurate custom CSS code?

    Best regards,
    Yigit

    December 1, 2013 at 7:17 am #194998
    topergarden

    Hi,
    Yes, the site is http://www.invercargillphotographer.co.nz/ I’m using the Easy Slider for the slideshows on the home page and portfolio pages.

    I solved the transparency issue by using a semi-transparent image as the background to the main content.

    The spacing I can’t work out how to fix. You’ll notice that the gap between the slider and the header is smaller on the home page than on the other pages too.

    Thanks!

    December 1, 2013 at 7:21 am #195000
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

    .home .content { padding-top: 5px; }

    Cheers!
    Yigit

    December 1, 2013 at 7:32 am #195009
    topergarden

    Thanks. That’s fixed the issue on the home page but not on all the pages. Does the .home refer to the page title in your css above?

    December 1, 2013 at 7:38 am #195011
    Yigit

    Hi!

    Sorry i thought you would like to decrease the height only on home page. Yes, you can remove .home and it will be affective on all pages

    Best regards,
    Yigit

    December 1, 2013 at 7:50 am #195014
    topergarden

    Thanks again, that’s made a difference. If you compare the home page with the portfolio page, however, the gap is quite different, even though it has reduced on the portfolio page. There must be something else in the way on that page. Both use the easy slider though so I’m not sure what this could be?!

    December 2, 2013 at 4:46 pm #195320
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .avia-slideshow { margin: 0; }

    It will remove top and bottom margin of slideshow

    Cheers!
    Yigit

    December 2, 2013 at 9:06 pm #195477
    topergarden

    Thanks very much, that’s worked perfectly!

    December 2, 2013 at 9:09 pm #195480
    Yigit

    Hi!

    You are welcome! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Two questions’ is closed to new replies.