CSS for featured slider

• 

  melindaa91 · Member · Jul 15, 2014 at 8:30 pm

  • Copy link
  • Add topic to favorites

  I am using the customized theme creating a website for a company as an internship, I was wondering if there is a way to have the featured slider links be redirected to the actual page and not the blog post.
  I also want to know if I can make the menu bar a bit bigger for a better logo.
  Also I coded the bottom footer widgets to change color, but when they are clicked I want the color to be different from turquoise when on the page but I have no idea how to do that in the footer. I only figured out how to change the links colors.

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

• 

  thesacredpath · Member · Jul 16, 2014 at 5:13 pm

  • Copy link

  There is at least one theme here, the Stay theme, which links the images in the slider to the corresponding page instead of posts. The slider can have up to 6 pages (with featured images) in it. It is aimed at hotels, B&Bs and inns, but many are using it as a standard website theme. You may want to take a look at the Stay theme and see if it will work for you.

  As far as changing the link destination on post-based sliders, no that is not something that can be done with CSS.

  On making the logo image larger, you can do that with the following CSS. You can adjust the max-height as desired (it was about 60px originally) and then set the height in #header .row about 10px taller so that there is some space below the image.

  #header .row {
      height: 110px;
  }
  #logo, #logo img {
      max-height: 100px;
  }

  To change the current page item color in the footer menu, add the following CSS and then edit the color code as desired.

  #wrap .widget ul.menu .current_page_item a, #wrap .widget ul.menu .current-menu-item a {
      color: #CC0000;
  }