lmcarleton

Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • Forum: Themes and Templates
    In reply to: [Primer] Menu Toggle Button – Lighthouse Report
    Thread Starter lmcarleton

    (@lmcarleton)

    5 years, 11 months ago

    I got it!

    To fix the error “button doesn’t have an accessible name” you need to edit the mobile-menu.php page located in the parts (primer > templates > parts) folder.

    Note; you should use a child theme to make changes.

    Open mobile-menu.php in your editor and look for the following code, for me, it was line 11.

    <div class="menu-toggle" id="menu-toggle" role="button" tabindex="0"

    after

    role=button

    add the aria-label code

    aria-label="Navigation Button"

    The code should look like this

    <div class="menu-toggle" id="menu-toggle" role="button" aria-label="Navigation Button" tabindex="0"

    Save mobile-menu.php in your child theme parts (primer > templates > parts) folder and upload it to your server.

    The menu will now pass The Google Lighthouse Accessibility checker.

    🙂 Linda

    Forum: Themes and Templates
    In reply to: [Primer] Post Title and Feature Image Placement
    Thread Starter lmcarleton

    (@lmcarleton)

    5 years, 11 months ago

    I got it!

    To change the placement of the featured image to below the Post Title and Post Meta you need to edit the content.php page in the theme folder.

    Note; you should create a child theme and add your new content.php page to the child theme folder.

    How to Change the Feature Image Placement

    Open content.php in your editor and look for

    <?php get_template_part( 'templates/parts/loop/post', 'thumbnail' ); ?>

    for me, it was on line 31 in the editor. Now copy the code and remove it from here.

    Then scroll down to 

    	<?php

	/**
	 * Fires after templates/parts/loop/post template
	 *
	 * @hooked primer_add_post_meta - 10
	 *
	 * @since 1.0.0
	 */
	do_action( 'primer_after_post_title_template' );

	?>

    and paste the code you copied after this code. Save the changes and upload the child theme to your server.

    You will need to add space between the top of the featured image and the bottom of the post meta. To do this add the following CSS to your Aditional CSS rules in the Customizer.

    .entry-meta{
	margin-bottom:30px;
}

    Save the changes and your good to go. If you have a cache plugin activated you might need to delete the saved copies before the changes will display.

    Linda

    • This reply was modified 5 years, 11 months ago by lmcarleton.
    • This reply was modified 5 years, 11 months ago by lmcarleton.
    • This reply was modified 5 years, 11 months ago by lmcarleton.
    Forum: Themes and Templates
    In reply to: [Primer] Change Sidebar Background Color?
    lmcarleton

    (@lmcarleton)

    5 years, 11 months ago

    Hi, yes you can change the main sidebar background-color and the widget sidebar background-color. Add the following in the customizer under Additional CSS. Remember to change the #333 color values to your chosen color.

    Main Sidebar Color

    #secondary {
    background-color:#333;
    }

    Widget Sidebar Color

    .widget {
    background-color:#333;
    }

Viewing 3 replies - 1 through 3 (of 3 total)