Before you ask please READ THIS

Transparent text box

edited December 2014 in Hypershot Posts: 25
Dear Air,

Is there a way for the white box around my album slider to be made transparent (or black)?
>>> http://ralfvanegmond.com/

Comments

  • AirAir
    Posts: 10,970
    Hello:-)

    This is single page with inserted album as featured media, as I see. Are you sure you want to display your album this way?
    If yes, then I can prepare custom CSS that will remove/change default background color on single pages.

    With regards.
  • Posts: 25
    Yes, that would be fantastic.
  • AirAir
    edited December 2014 Posts: 10,970
    Use this custom CSS:

    body.page .flexslider {
    background-color: transparent;
    border: none;
    }
    body.page article {
    background-color: transparent;
    }
    With regards.
    Post edited by Air on
  • Posts: 25
    Air I must be an idiot but it's not working for me.. I tried entering the code in custom CSS settings using the plugin you recommended, but no dice. Could you guide me like a blind person?
  • AirAir
    Posts: 10,970
    Have you followed my instructions from here http://support.apollo13.eu/discussion/comment/10925#Comment_10925 ? There is explained what to do when custom CSS plugin don't work by default.

    With regards.
  • Posts: 25
    Ok yeah setting permalinks helped, but the box directly around the album is still white.. could that also be made transparent? (Sorry to be a nag)
  • AirAir
    Posts: 10,970
    Yes I did that in CSS I gave you but I see now that it wasn't strong enough.

    OK, I have updated CSS, try new version from my previous post.

    With regards.
  • Posts: 25
    Yes, awesome! Thank you so much.
  • Posts: 25
    Bought you a coffee ;)
  • Posts: 25
    Heh the slider buttons are almost invisible now though.
  • Posts: 25
    Could you do just one more wizard move and make those white?
  • AirAir
    Posts: 10,970
    Sure, use this custom CSS:
    .flex-control-paging li a{
    background-color: #ffffff;
    }
    .flex-control-paging li a:hover,
    .flex-control-paging li a.flex-active{
    background-color: #dddddd;
    }
    With regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!