[Resolved] Checkbox and option inputs CSS

[Fernando]

Hello and good day!

Is there any theme class (or styles) to change the default (and ugly) checkbox and option form inputs?

Another question: how can we remove the title attribute in the site logo and navigation logo links? Or is it important?

Note that I send you the URL, dont publish as the site is not published.

Thanks!

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

do you have any example of how you would like the input fields and checkbox to be displayed?
Some are difficult to change as they default to the browser styles.

The Title Attribute is important for SEO optimization. I would not recommend removing it.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Fernando]

Hello David, how can we remove the title attribute?

[David]

Tom provides the solution here:

https://generatepress.com/forums/topic/remove-title-attribute-from-logo-2/#post-816077

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Fernando]

Ok, thank you!

But is there a way to change also the title attribute in the navigation logo?

About checkbox and option styles, would be fine that GP include them.

[Tom]

Change the title or remove it?

You can try this:

add_filter( 'generate_logo_title', '__return_empty_string' );

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Fernando]

Hello Tom,

The problem is that the filter generate_logo_title not only removes the title attribute, also the alt attribute, and this is the important (not the title) for SEO and accesibility purposes.

* Is there anyway to remove (or change) the title attribute for the header logo and for the site logo, but not the alt attributes? *

You can think this is not important, but I see annoying the title emergent message over the image.

Thank you!

[Tom]

Ah, gotcha.

Ok, let’s try this:

add_filter( 'generate_logo_attributes', function( $atts ) {
    unset( $atts['title'] );

    return $atts;
} );

add_filter( 'generate_navigation_logo_output', function() {
    return sprintf(
        '<div class="site-logo sticky-logo navigation-logo">
            <a href="%1$s" rel="home">
                <img src="%2$s" alt="%3$s" />
            </a>
        </div>',
        esc_url( apply_filters( 'generate_logo_href' , home_url( '/' ) ) ),
        esc_url( apply_filters( 'generate_navigation_logo', $settings['sticky_menu_logo'] ) ),
        esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) )
    );
} );

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Fernando]

I am going to try, thank you!!!

[Tom]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Fernando]

Hello Tom,

I only have implemented the generate_logo_attributes filter, due to the complexity of the other.

generate_logo_attributes: note that when unset($atts[‘title’]), appears the logo link title (in Chrome and Firefox), so it is the same story… :-(. It is solved with $atts[‘title’]=” instead of unset.

I think title attributes shouldn’t be used in that area, neither in links nor in images (or give the possibility of change), as the only important are the alt of the images.

A lot of thanks!

[Tom]

I tend to agree. I’ll look at removing them 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Fernando]

Ok, take note. Thanks!

[Tom]

You’re welcome! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts