First letter of each item on navbar is small

  • I downloaded the latest version of Customizr yesterday and created a child theme. However, the problem that I have is that the first letter of each of the items on the navbar is smaller than the the rest – https://www.katherinelgarden.com

    I can see that this problem was on Dec 27th on the Themes and Co website but is showing as being resolved – https://themesandco.com/support-forums/topic/menu-header-issue/

    Below is my custom CSS:

    font-family: 'Josefin Sans', sans-serif;
/* Make Carousel fade - adapt 2s to required delay */
.carousel-inner > .item {
-webkit-transition: opacity 2s ease-in-out ;
transition:         opacity 2s ease-in-out ;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
opacity:        1;
z-index:        1;
left:           0;
}
.carousel-inner > .active.left {
opacity:        0;
z-index:        2;
left:           0;
}
.carousel-inner > .active.right {
opacity:        0;
z-index:        2;
left:           0;
}
/* Change transparency of slider text background*/
.carousel-caption {
background: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
position: relative;
}
Viewing 11 replies - 1 through 11 (of 11 total)
  • David_G

    (@questas_admin)

    Try this, change the font size to what you like

    .navbar .nav > li > a:first-letter {
  font-size: 25px;
}
    Thread Starter amandagarden

    (@amandagarden)

    Hello, thank you for your speedy reply. Sorry, I should have said that I did try changing the font size before I posted to the forum but it had no effect unfortunately.

    @questas solution should have worked. Try this in CustomCSS or Child Theme style.css

    .navbar .nav > li > a::first-letter {
    font-size: 26px;
}
    Thread Starter amandagarden

    (@amandagarden)

    Hello, I did try this first. This is how the Child Theme style.css looks now and it has had no effect sadly.

    ‘
    /* Adjust navbar first letter size *

    .navbar .nav > li > a::first-letter {
    font-size: 26px;
    }

    font-family: ‘Josefin Sans’, sans-serif;

    /* Make Carousel fade – adapt 2s to required delay */
    .carousel-inner > .item {
    -webkit-transition: opacity 2s ease-in-out ;
    transition: opacity 2s ease-in-out ;
    }
    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
    opacity: 1;
    z-index: 1;
    left: 0;
    }
    .carousel-inner > .active.left {
    opacity: 0;
    z-index: 2;
    left: 0;
    }
    .carousel-inner > .active.right {
    opacity: 0;
    z-index: 2;
    left: 0;
    }

    /* Change transparency of slider text background*/
    .carousel-caption {
    background: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    position: relative;
    },

    Spot the problem:

    /* Adjust navbar first letter size *

    Thread Starter amandagarden

    (@amandagarden)

    Ooops! I did have the / in the first time, honest! I have just amended the file and the problem is still occurring. I noticed that someone reported the same problem on the Themes and Co website on the 27th od Dec.

    @amandagarden
    The issue reported on themes and co was related to the WordPress Font Customizer plug-in, and has been sorted for that user.
    The official fix for WordPress Font Customizer will be available in the next plugin release.
    The issue you’re experiencing is about Customizr theme, and will be sorted as soon as possible.
    ??

    Thread Starter amandagarden

    (@amandagarden)

    Ah, okay. Thanks for your feedback.

    You’re welcome amanda
    Did you solve it anyway?
    Can you share your site url?

    Thread Starter amandagarden

    (@amandagarden)

    I didn’t solve it but decided to try another tack. Rather than using the Child css file, I selected a pair of fonts from the Global Settings in Customize and the problem has not re-occurred.

    I see,
    well glad you find a solution ??

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘First letter of each item on navbar is small’ is closed to new replies.