[Theme: fashionista] Replace site title with logo

  • I would like to replace my site title with my logo and keep the site description underneath.

    After searching the forums, I found it it best to keep the title and description but just hide it.

    So far I have added this code to the custom CCS file:

    /* ----- hide visually but keep SEO ----- */
.site-title {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
/* IE7 */
	clip: rect(1px,1px,1px,1px);
}
/* ----- allow img in there responsive ----- */
.site-header .widget {
	float: none;
	text-align: left;
}

    And added my logo to the Header text widget:
    <img class="altlogo" src="https://website_name/wp-content/uploads/2015/10/logo1.jpg" alt=""/>

    But I get this: https://blog.khaleejiabaya.com/

    I would like the logo above the site description and also a link to the logo.

    I’m not sure how to do this and would appreciate any help.

    I have Fashionista theme and WP 4.3.1

    Thank you

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

  • did you replace ‘website_name’ with your url?

    from this:

    <img class="altlogo" src="https://website_name/wp-content/uploads/2015/10/logo1.jpg" alt=""/>

    to this:

    <img class="altlogo" src="https://https://blog.khaleejiabaya.com//wp-content/uploads/2015/10/logo1.jpg" alt=""/>

    add to css:

    .site-branding {
    margin-top: 5%;
}

.site-header .widget {
    position: absolute;
    top: 10%;
}

    make sure to add the css to the bottom of your css file, to ensure it overrides any previous styles.

    Thread Starter Topclass

    (@healthmus)

    Hi Mr Case

    Thank you for your reply and for the css code. It works! But how do I put a link on the logo to the homepage?

    Also, I have just noticed that these changes mess up the formatting of the responsive website. The margins have gone and the header and footer are mis-aliged. Does something else need to be added?

    Again many thanks for you help

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Theme: fashionista] Replace site title with logo’ is closed to new replies.