WordPress.org

Ready to get started?Download WordPress

Forums

Fashionistas
Image Logo (10 posts)

  1. bellaes
    Member
    Posted 9 months ago #

    Hello, I really like this theme but how can i add an image logo? Thanks

  2. paulwpxp
    Font hero
    Posted 9 months ago #

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

    /*__________ 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 */
    }
  3. AudieM
    Member
    Posted 9 months ago #

    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 :

  4. AudieM
    Member
    Posted 9 months ago #

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

  5. paulwpxp
    Font hero
    Posted 9 months ago #

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

  6. bellaes
    Member
    Posted 9 months ago #

    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

  7. bellaes
    Member
    Posted 9 months ago #

    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.

  8. bellaes
    Member
    Posted 9 months ago #

    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

  9. paulwpxp
    Font hero
    Posted 9 months ago #

    Please create new topic for each new issue. Thanks

  10. AudieM
    Member
    Posted 9 months ago #

    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 :)

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.