• alettazeeman

    (@alettazeeman)


    On my website https://alettazeeman.co.nf I want to resize the logo. It is to small at the present. I have tried a number of things but whatever I upload it automatically resizes tot 240 x 90 max.
    I have even tried to upload it as an image… but I do not know where I have to do that In the header.php. I know little about coding and am undergoing a steep learning curve at the moment so please bare with me. The code I tried to implement is <img.src=”uploads/logo-wp.gif”>
    How can I place a larger logo at the right side of my main menu bar?
    Also I have this dropdown menu icon that is light blue. I cannot find it anywhere and like to change the colour. Do you have a CSS file for that or can you tell me where I can find it?
    Finally is there a plug-in with which I can change certain parts of the back ground per page. For instance having a big blue band in the content area but having the widget area orange.
    Or is it possible to do this within the theme. I have managed to change the background of the top footer but the sidebar seems to be rather elusive.
    Thank you for reading this message. I hope you can help me.
    Aletta

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi there!

    On my website https://alettazeeman.co.nf I want to resize the logo. It is to small at the present. I have tried a number of things but whatever I upload it automatically resizes tot 240 x 90 max.

    My first suggestion would be to upload your image as a Header Image instead of a logo. In the Customizer, choose Header Image and add your image there. That should place your image in a much larger format, just below the navigation.

    If you want it in the logo spot, you’ll need to make some changes through a child theme.

    In your child theme’s functions.php file, add the following:

    function my_logo_sizes() {
        // Remove current logo settings
        remove_theme_support( 'customlogo' );
    
        // Add new logo settings
        add_theme_support( 'custom-logo', array(
            'height'      => 400,
            'width'       => 400,
            'flex-height' => true,
        ) );
    }
    
    add_action( 'after_setup_theme', 'my_logo_sizes', 12 );
    

    That replaces the current menu setup with a wider one.

    Then, you can add the following CSS to allow the larger image to display:

    
    @media screen and (min-width: 768px) {
    .custom-logo {
        max-width: 370px;
    }
    }
    
    @media screen and (min-width: 896px) {
    .custom-logo {
        max-width: 400px;
    }
    }

    You can add that CSS to your child theme’s stylesheet or you can use the Additional CSS panel in the Customizer (assuming you’re running at least WordPress 4.7) or with something like the Jetpack Plugin using the Custom CSS Module.

    Let me know how it goes!

    Thread Starter alettazeeman

    (@alettazeeman)

    Well… that was exciting….
    The script in the send email is nothing like the script on this page….
    Knowing nothing about coding I just pasted it into the php file …. and got a lovely white page….
    Great !!!!……
    Luckily I was working in the child theme that I just made yesterday… and I know a little about FTP. So I deleted the child theme … got access to my account again and made a new child theme.
    Embedded the right codes and it is working… so thank you very much….
    I also got a new box in which to change the colour of the menu icon (I think) but that isn’t changing.
    Through FTP I have seen three major files: wp-admin, wp-content and wp-includes.
    If I want to make a backup onto my computer of my website which file or subfile do I have to upload. One of these three or the child theme file??? Just in case everything goes dark oeps white again….:)
    Aletta

    I’m glad you were using a child theme – that’s always a good idea when customizing.

    If you want to save a copy of your child theme, look under wp-content/themes/ you child theme folder is probably called shoreditch-child (depending on how you set up).

    In terms of saving the data of your site, I’d recommend looking into backing up your database ??
    https://codex.www.ads-software.com/WordPress_Backups

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Resize logo, change colour of dropdown menu icon and parts of the background’ is closed to new replies.