ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• February 13, 2017 at 1:04 pm #313511
  markmuz

  Member

  Post count: 94

  Hi guys, I’ve been enjoying using this template to create my new website but have a few things I’m struggling to fathom how to fix:

  1. Overlay Menu spacing, See attached screenshot shot. I want to add 30px padding above the menu item “HOME”

  2. Image banner configuration (see screenshot attached) I want to change the colour of this red hover, speed and transparency of this overlay but can’t seem to find the options for this? I would like to have a permanent image overlay for all the these image banners so that they are lightened or darkened so i can make the overlay text eligible.

  3. Button styling (see attached screenshot) I’d like to change the static text colour of this button to be white so that it is legible when not hovered over.

  4. How can i add social media icons into the footer please. I thought it would be in widgets but I can’t seem to see it?

  5.Instagram image hover (screenshot). I imagine this will be corrected through my answer to question 2 but perhaps not…

  Attachments:

  You must be logged in to view attached files.
  February 15, 2017 at 3:54 pm #313919
  David Martin – Support

  Moderator

  Post count: 20834

  1)

  #overlay-menu nav>div {
      padding-top: 30px;
  }

  2) Change this overlay opacity here: Theme Options => General Options => Thumbnail Options. The color can be changed here Color Customizer => Color – General => Hover Overlay Background Color

  3) Are you overriding this already?

  .spb_text_column a.sf-button {
  	color: #fff!important;
  }

  4) You would use the social shortcode to a text widget. [social]

  5) The color is changes as per no.2

  Thanks.

• Back to forum

  Posted in: Atelier