Font Size Submenu

Markus · 2019-01-02 04:12:12

Hello and a happy new year to everybody,

in the meantime I have already made some changes in my custom.css and also found most of it with the Inspector.

But now I want to resize the font from the submenu. But I didn't find the right element.

I tried it with this code:

/* ----- Font-Size Sub-Menü -----
================================= */

nav ul ul li a {
    font-size: 18px;
}

https://backlight.der-canonier.de

When I change the Element area in the Inspector, it works

Element {
    font-size: 12px;
}

Another question:
What could be the reason why the font of the photo search above the footer in Safari is grey, while the font in Firefox is red?
In custom.css I have set the color to red.

Many Greetings
Markus

rod barbee · 2019-01-02 04:28:44

try something more specific:

nav ul.sub-menu li.menu-item a {
    font-size: 18px;

Markus · 2019-01-02 15:50:12

Exactly Rod, Thanks.

The only question is where and how do I find this element in the Inspector? If I comment out your line, I can't find this element, even though I clicked on the sub-menu with the Inspector (right-click doesn't work in this case)

Markus · 2019-01-02 15:57:22

Markus wrote:

Another question:
What could be the reason why the font of the photo search above the footer in Safari is grey, while the font in Firefox is red?
In custom.css I have set the color to red.

And what could be the reason here? I've already cleared the cache in Backlight 2 and deleted the history in Safari and Firefox. Still the same different font colors

Greetings
Markus

rod barbee · 2019-01-02 22:07:25

The only version of Safari I have is on my iPad and iPhone and the text above the footer is red in the iOS version of Safari.
Someone with a Mac will need too look.

One thought. Did you set the color to “red” or did you use a hex code like #FF0000 ?
Perhaps Safari only recognizes hex code in the css?

Daniel Leu · 2019-01-02 23:04:45

Markus wrote:

Markus wrote:
Another question:
What could be the reason why the font of the photo search above the footer in Safari is grey, while the font in Firefox is red?
In custom.css I have set the color to red.
And what could be the reason here? I've already cleared the cache in Backlight 2 and deleted the history in Safari and Firefox. Still the same different font colors
Greetings
Markus

Chrome and Safari show the text in gray. Searching the internet, it looks like this is a bug in those browsers. Try to use -webkit-text-fill-color:

/* Schriftfarbe im Suchfeld 
=========================== */

form input[type="color"],
form input[type="date"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="email"],
form input[type="month"],
form input[type="number"],
form input[type="password"],
form input[type="search"],
form input[type="tel"],
form input[type="text"],
form input[type="time"],
form input[type="url"],
form input[type="week"],
form input:not([type]),
form select,
form textarea,
.form input[type="color"],
.form input[type="date"],
.form input[type="datetime"],
.form input[type="datetime-local"],
.form input[type="email"],
.form input[type="month"],
.form input[type="number"],
.form input[type="password"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="text"],
.form input[type="time"],
.form input[type="url"],
.form input[type="week"],
.form input:not([type]),
.form select,
.form textarea {
    color: #FF0000;
    background-color: white;
    -webkit-text-fill-color: #FF0000;
}

Markus · 2019-01-02 23:09:56

Thanks, both of you.

At least both solutions didn't help me. Fortunately, it's just a (not so important) little thing that I can live with.

I just wanted to understand why it is like this

Community @ The Turning Gate

#1 2019-01-02 04:12:12

Font Size Submenu

#2 2019-01-02 04:28:44

Re: Font Size Submenu

#3 2019-01-02 15:50:12

Re: Font Size Submenu

#4 2019-01-02 15:57:22

Re: Font Size Submenu

#5 2019-01-02 22:07:25

Re: Font Size Submenu

#6 2019-01-02 23:04:45

Re: Font Size Submenu

#7 2019-01-02 23:09:56

Re: Font Size Submenu

Board footer