-
Posts
-
Hi there. Is there a way (or custom css) to make a vertical logo wrap over the content area, beyond the header area? Here is a mockup of what I’m trying to create: http://greensproduce.com/wp-content/uploads/2015/03/headerbg.png
I want to have the black box with logo wrap over the slideshow and the content on subsequent pages. I’ve tried a variety of css styles, but I’ve been unsuccessful.Hi outofnowhere!
I couldn’t make much of the image you posted, are you sure it’s the correct one? Also please link to the site in question so that we can have a closer look.
Best regards,
RikardOh Gosh! I’m sorry about that.
Here is the site on which I’m going to change the logo: http://brookscustomhomes.com/
Here is a screenshot of what I want the logo to do – to overflow into the content area: http://brookscustomhomes.com/wp-content/uploads/2015/06/Brooks_Web_v3.jpg
this will do the job:
.responsive .logo { display: block } .logo, .logo a { overflow: visible; } .logo img { height: 140%; max-height: 180px !important }you have to play with the settings height and max-height
and to give some settings vor responsive behaviourperhaps a png looks good on that with a white outline and a little shadow !
yes – but on mobile this won’t work.
By the way. your images are very nice – but too big.
500kb and more ! This is one reason for slow speed. (Poolhouse is over 1MB)
Try to compress them much more – and use for jpg progressiv
and try to activate gzip compression for your website – usually made by some code in htaccess fileif you use Photoshop :
http://abload.de/img/poolhousezfoaz.jpgHey @outofnowhere!
Did you try @Guenni007 suggestions and did you have any luck with them?
Cheers!
RikardI did. I appreciate the advice. I did reduce my image sizes and changed them to progressive, but 30 is way too low. I seemed to get barely good enough quality at 45-50. But that brought them from 500+kb to the mid 300s.
Well try to read a little bit about gzip compression.
here you can test your site – and thats why i give you the hint:http://www.whatsmyip.org/http-compression-test/
you can save about 75% of datatransfer.
but it depends on your hoster which method is the best way to activate
if your hoster supports the way over htaccess file ( normaly if you choose a permalink structure like you have there is a invisible file in root directory called .htaccess (no suffix !))
you can make the file visible for example in filezilla by Server/list hidden data.
The link here gives some instructions: http://www.iceablethemes.com/how-to-speed-up-your-wordpress-site-with-gzip-compression/
- You must be logged in to reply to this topic.