Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • December 11, 2013 at 1:31 pm #198986
    der_mueller

    Hello, is there a chance to get the slider behind the header area? And of course set the header area to a transparency of about 50 %.

    My id_main is 88 px away from the top, therefore a padding of -88 should do this work.
    Can i realize this this way? But how do i get the header area to a transparence?

    Cheers,
    Markus

    December 11, 2013 at 4:43 pm #199058
    Yigit

    Hey Markus!

    Can you post the link to your website?

    Regards,
    Yigit

    December 12, 2013 at 10:13 am #199413
    der_mueller

    Hello Ygit,
    siteurl is polyscale.m3ms.de.

    Cheers,
    Markus

    December 12, 2013 at 10:25 am #199420
    Ismael

    Hi!

    Please add this on your custom.css or Quick CSS:

    #main {
position: relative;
top: -88px;
}

.header_bg {
opacity: .5;
filter: alpha(opacity=50);
}

    Regards,
    Ismael

    December 12, 2013 at 10:29 am #199425
    der_mueller

    Hello Ismael,
    this works perfect.

    Thank you!

    Cheers,
    Markus

    December 12, 2013 at 10:31 am #199428
    der_mueller

    I was to quick. :-)
    Take a look at some other site:
    I got the breadcrum activatet, but it is positioned above the menu now.

    http://polyscale.m3ms.de/lichtleiter/

    Cheers,
    Markus

    December 12, 2013 at 10:39 am #199435
    Ismael

    Hey!

    You can use this instead:

    #layer_slider_1 {
position: relative;
margin-top: -88px;
}

    Regards,
    Ismael

    December 12, 2013 at 10:58 am #199444
    der_mueller

    Hello Ismael,
    thank you for the quick answers.
    It works.

    Cheers,
    Markus

    December 12, 2013 at 11:00 am #199445
    der_mueller

    I got some other question, i think it will be easy to solve for you.

    Right now i got an iconbox at the home site.
    How do i hide this icon from the top?

    And if i use the icon on left the box has no padding.
    How can i fix this, when i want to use the icon-on-left box?

    Cheers,
    Markus

    • This reply was modified 10 years, 10 months ago by der_mueller.
    December 12, 2013 at 4:01 pm #199513
    Yigit

    Hi!

    If you would like to remove icon only on homepage, please use following code

    .home .iconbox_top .iconbox_icon { display: none; }

    you can remove .home if you would like to make the changes globally.
    To increase padding on iconbox left 

    .iconbox_left .iconbox_content { padding: 20px; }

    Cheers!
    Yigit

    December 12, 2013 at 4:43 pm #199516
    der_mueller

    Hi Yigit,
    thanks for these helps.
    But how do i get the box moving up so that they are at the same level like the “non-top-boxes”?
    I tried with: .iconbox_top { margin-top: -20px;}
    But this doesn´t work.

    Cheers,
    Markus

    December 12, 2013 at 6:00 pm #199535
    Yigit

    Hi Markus!

    Can you post a screenshot show the changes you would like to make?

    Regards,
    Yigit

    December 12, 2013 at 6:04 pm #199538
    der_mueller

    Hi Yigit,
    just take a look at: http://polyscale.m3ms.de/

    All the three boxes shall have the same level at the top.

    Cheers,
    Markus

    December 12, 2013 at 6:10 pm #199541
    Yigit

    Hi!

    Please add following code to Quick CSS 

    #top .iconbox { margin-top: 20px; }

    Cheers!
    Yigit

    December 12, 2013 at 6:13 pm #199542
    der_mueller

    Thats it,
    thank you.

    Cheers,
    Markus

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Slider under Header’ is closed to new replies.