Switch mouse-over effect

  • Resolved DaanCB

    (@daancb)


    10 years, 2 months ago

    Hi!

    First of all, I love the theme! I’m thinking about buying two of the upgrades.

    I’d like to have the mouse-over effect changed, so that the featured images and white text boxes with them are light when there is no mouse over them and darker when the mouse is over them (so opposite of how it is now), is this possible?

    Also three other questions:
    – Is it possible to center the logo? (if not, is it possible to change the margin from the bottom of the logo to the first content boxes below?)
    – How can I delete the “recent posts”, “recent comments”, “archives”, “categories” and “meta” (separately). And is there an option to add something like “similar posts” instead of the ones previously mentioned
    – How can I add links to pages in the footer like you did here: https://www.competethemes.com/tracks-two-column-demo/

    Thanks in advance!

    Daan

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter DaanCB

    (@daancb)

    I figured out how to add the menu in the footer, but how can I remove that menu from the top of the page? (I think its the primary)

    Theme Author Ben Sibley

    (@bensibley)

    Thanks for using Tracks!

    By default, WordPress will create the primary menu using all of the Pages on your site. You can visit the Menus page in your dashboard (under “Appearance”) to create a custom menu. To remove the menu completely, click on the “Manage Locations” tab and unset the Primary menu (screenshot).

    For the “recent posts” and other content after the posts, these can be removed from the Widgets menu (Appearance > Widgets). The widgets will be found in the “After Post Content” widget area.

    Lastly, the following CSS can reverse the images on the blog and posts to stay light and turn dark when hovered over:

    .excerpt {
  opacity: 1;
}
.excerpt:hover {
  opacity: 0.6;
}
.entry .featured-image:after {
  opacity: 0;
}
.entry .featured-image:hover:after {
  opacity: 0.2;
}

    You can copy and paste that code into the “Custom CSS” section in the Customizer (Appearance > Customize). Once added there, it should take affect right away.

    Thread Starter DaanCB

    (@daancb)

    Thanks for the help! I bought the featured video header and two column page layout, really happy with those as well!

    Thread Starter DaanCB

    (@daancb)

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome, thanks for upgrading!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Switch mouse-over effect’ is closed to new replies.