WordPress.org

Support

Image Logo

Viewing 9 replies - 1 through 9 (of 9 total)
  • paulwpxp

    @paulwp

    Font hero

    Try this code in child theme stylesheet (or Custom CSS plugin). Change image url, calculate your own width and height if different size from 300×75.

    /*__________ replace site title text with logo image_____ */
    .site-title a {
    	display: inline-block;
    	width: 300px;
    	height: 75px;
    	overflow: hidden;
    	text-indent: 100%;
    	white-space: nowrap;
    	background-image: url("http://dummyimage.com/300x75/ff0000/fff.png");
    }
    
    /*__________ adjust logo image for small screen_____ */
    @media screen and (max-width: 600px) {
    	.site-title a {
    		width: 260px; /* theme uses 90% of 320px = 288px */
    		height: 65px; /* proportional height of the reduced width */
    		background-size: cover; /* span full exact */
    	}
    	.site-description { font-size: 12px; } /* prevents wrap into 2nd line */
    }

    Hi paulwpxp,
    Thanks for the code. I’m trying to do the exact same thing, and it’s driving me insane.
    I entered your code in my CSS Editor (Jetpack), changed the link, but unfortunately, the image won’t show and I’m not sure why. When I hit the “preview” button, there’s a blank space, even if the link seems to work. I can see the hand, and when I click somewhere in the space where my logo is supposed to be, I go back to the main page, but the image is not showing.
    Any idea why ?

    Thanks

    WordPress version : the last one 3.6.1
    Theme : Fashionistas
    adress :

    Oops, no address! Here it is : http://www.madameaimee.fr

    paulwpxp

    @paulwp

    Font hero

    First please make sure the url to the image file that you use is reachable directly via browser. And it must be 300×75. If not, you have to adjust the px and calculate your own downscale px in small screen.

    Hi paulwpxp,

    The image header logo shows on my blog. Thank you so much for providing me the CSS code:) Also, I would like to add a photo slider above the blog post just under the menu. How can I do this? Can you please give me the code to add it to CSS, preferably the same width as the post body, if this is possible? Thanks

    Hi paulwpxp,

    How can I disable this theme from mobile setting? When my visitors check my blog it shows with the mobile theme. I prefer it to show as a desktop theme. Can you disable the mobile them please? Thanks.

    Hi paul, I also would like to adjust the width of my theme page. I want it a little wider. How do I adjust this? Thanks

    paulwpxp

    @paulwp

    Font hero

    Please create new topic for each new issue. Thanks

    Hi Paul,
    Sorry for the late reply…
    I had the wrong linked when I asked for your help last week, I changed it and it worked!
    Thanks! Well, I guess we can say that this topic is resolved, then 🙂

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Image Logo’ is closed to new replies.
Skip to toolbar