• Resolved overmindless

    (@overmindless)


    Hello!
    I recently installed this awesome theme and made it look nice on my website, but I can’t get how can I get a logo and site name at the same time? And how can I align text to the left and logo to the right?
    And as a follow up: is there a way to change the font of the site description?
    Thanks a lot!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you have a space in the dashboard to hold your CSS modifications (other than in theme files), or are you using a Child Theme?

    I took a look at MH Magazine lite theme and discovered there is no facility to add a site title and or site description to the header. Keep in mind this is a free theme. I’m sure the theme author would have some ideas for you. You could purchase the premium version of MH Magazine WordPress Theme which is fully responsive, looks great on mobile devices and comes with free updates and excellent support in german and english language. Learn More/

    That being said, here are some customizations ideas for you to help you realize your dream:

    1.) You will need to create a child theme so any updates to the MH Magazine lite theme can be made while preserving your edits.
    2.) Edit header.php. Look for

    <header class="header-wrap">

    and add

    <div class="headerTexts">
    		<h1 class="siteTitle"><?php bloginfo(name); ?></h1>
    		<h2 class="siteDescription"><?php bloginfo(description); ?></h2>
    	</div>

    3.) Edit style.css and add at the bottom

    /* Flashy Edits */
    .headerTexts {
    	width: 400px;
    	float: right;
    	margin: 10px 0;
    }
    h1.siteTitle {
    	font-size: 26px;
    	padding: 25px 25px 0;
    	text-align: right;
    	font-weight: bold;
    }
    h2.siteDescription {
    	color: #DD2323;
    	font-size: 18px;
    	font-style: italic;
    	padding: 0 25px 0;
    	text-align: right;
    	clear: right;
    }

    Feel free to fool around with those settings to get the size, color, position to your liking.
    4.) Logo – You can create your logo, suggest size of 300px x 100px. Name your new logo file logo and save as .png (logo.png). Upload and overwrite the logo.png in the theme’s images folder.

    Hello overmindless,

    thanks for downloading the theme.

    If you go to “Appearance => Header” in your WordPress dashboard, you can remove the header image/logo. Then the site title and tagline will appear. If you want to change the font, you can use the CSS class .logo-name for the site title and .logo-desc for the tagline.

    Please note, that you can’t have a logo and the site title / tagline at the same time by default. If you want to display both at the same time, you will have to customize the theme. Flashbuddy gave you already some very good ideas how you can achieve that.

    As flashbuddy already said, this is a free theme, please understand that we can’t provide support for individual theme customizations for free. Even if you use a premium theme, you usually would have to hire someone (or the theme author) if you want to customize your theme, unless you can do it by yourself.

    But I think, if you follow the instructions which flashbuddy kindly gave you, you can achieve your goals.

    Regards
    Michael

    @andrew & flashbuddy: Many thanks for answering this ticket, I really appreciate that. ??

    Thread Starter overmindless

    (@overmindless)

    Andrew, flashbuddy and Michael,
    Thank you all for clarification and support!
    Have a nice day!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘header logo and text at the same time’ is closed to new replies.