2 CSS related adjustments i want to make

  • Hi,

    thanks for a great theme. Everything was easy to set up and get going.

    I have 2 small adjustments I’m trying to make which probably goes down in the css, but I haven’t been successful in locating the right areas.

    1. I want to remove the dash between header menu items as I am already using dash as part of my call-to-action. I found this entity in style.css

      .menu-primary-items > li:after {
    content: '/';
    position: absolute;

    2. i want to change the header font and also make it distinguish between capital and small letter.

    thanks for taking time to answer here.

    now on to adding google analytics.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for using Tracks!

    Here’s the CSS you can use to remove the forward slashes between the menu items:

    .menu-primary-items > li:after {
	display: none;
}

    Please copy & paste the code above into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.

    If you’d like to give the post titles normal casing, you can do that with the following CSS:

    .excerpt-title,
.entry-title {
	text-transform: none;
	letter-spacing: 0;
}

    Changing the font for the headings is a more complex customization, but it is an option available in Tracks Pro. There is a setting here in the Fonts section added to the Customizer where that can be changed: screenshot.

    Thread Starter mnerde

    (@mnerde)

    Hey Ben,

    thanks for the superfast response. Very professional. I am happy to support your efforts by purchasing the pro version.

    However, trying your very clear instructions does not change anything for me.

    Probably a rtfm-thing, but i am quite new to the whole wordpress sandbox. Not new to html/csss though.

    Thanks,
    //M.

    • This reply was modified 5 years, 6 months ago by mnerde.
    Theme Author Ben Sibley

    (@bensibley)

    I see what’s happening with the CSS. The menu doesn’t have the class I used until a custom menu has been created. You can follow this video tutorial of mine to learn how to create a custom menu in WordPress: https://www.youtube.com/watch?v=mE8i3jX-i7E

    If you’re not ready to make the menu yet, you can update the CSS to this instead for the time being: 

    .menu-unset > ul > li:after {
	display: none;
}
    Thread Starter mnerde

    (@mnerde)

    That worked. Thank you for the prompt replies. Top notch support,

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome! Happy to help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘2 CSS related adjustments i want to make’ is closed to new replies.

Tags