Blask – Remove Site Title & Remove Black Border on Slideshows

• 

  amandajcornwell · Member · Aug 16, 2017 at 5:21 pm

  • Copy link
  • Add topic to favorites

  I am using the Blask theme and have just upgraded to premium just for the CSS. I am currently set to private whilst I tweak the site. Please can someone help me with this?

  I need to remove the site title from view, but I still would really like the tagline to show up.

  I would also like the black border to be transparent on slideshows within my portfolio.

  I have tried the following which I found searching the net, but they didn’t work.

  .logo-text h1 {
  display: none;
  }

  .slideshow-window {
  background-color: transparent !important;
  border-color: transparent !important;
  }

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

• 

  crazywickedawesome · Member · Aug 16, 2017 at 6:08 pm

  • Copy link

  To hide your site title try using the following

  .site-title a { display: none; }

  I can’t see your site when it’s private so I can’t check out the slide show but this might work:

  .slideshow-window {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.0);
  }

  This sets the background colour to black and the opacity (via the alpha channel) to 0 making it transparent.

  Hope that helps!

• 

  thesacredpath · Member · Aug 17, 2017 at 2:49 am

  • Copy link

  Hi @amandalakeyart, on the site title, they grey box stays behind when hiding only the site title, so I would suggest this, which hides the title and the grey box.

  .site-branding {
    display: none;
  }

  @crazywickedawesome, many thanks for the help in the forums. It is appreciated.

• 

  amandajcornwell · Member · Aug 17, 2017 at 5:27 am

  • Copy link

  Thank you for your help, its much appreciated. I have now removed the site title and grey box, which is fabulous!

  The black border still appears if using a slideshow. I am using the Blask theme as a portfolio, so I have no actual posts. Would that change the CSS ?

  I have set to public so you can view. This collection contains a slideshow. https://amandalakeyart.com/portfolio/tranquil-shores/

• 

  thesacredpath · Member · Aug 17, 2017 at 5:34 am

  • Copy link

  Super, glad that worked for you. On the slideshow, let’s change things a little. We need to, in this instance, add the !important keyword since the slideshow styling is done in a separate CSS file. Replace the code for the slideshow with the following.

  .slideshow-window {
    background: transparent !important;
    border: none !important;
  }

• 

  amandajcornwell · Member · Aug 17, 2017 at 5:37 am

  • Copy link

  Fantastic! Thank you so much @thesacredpath :)

• 

  thesacredpath · Member · Aug 17, 2017 at 6:10 am

  • Copy link

  You are welcome.