image on my ryu home page
-
I wish to place an image on my mast head. I just published a book and would have wanted to place its picture on the white masthead of my blog, a little tilted to the side at the far right of my picture. How do I do this with the CSS please?
The blog I need help with is: (visible only to logged in users)
-
Hi there, and congrats on publishing your book! :)
You have a height of about 100px for the image. I would suggest rotating the image within an image editing program and then saving and uploading that image to your media library. You will then replace URL_OF_IMAGE between the quote marks in the following CSS and add the following to your custom CSS.
#masthead .wrap { background: url("URL_OF_IMAGE") no-repeat scroll left top rgba(0, 0, 0, 0); } -
Hi Sacredpath! Nice to have you here.
Yes I tried that solution, almost good. But it created some little hitch on the homepage links.
I used#masthead .wrap { background: url("https://bimboamole.files.wordpress.com/2014/08/light-unto-my-path2-e1408313047746.jpg") no-repeat scroll left top rgba(0, 0, 0, 0); }Could there be something wrong? I also tried to reduce the dimension of the picture but it wouldn’t go less that 80×104.
-
Oops, those crazy themers also used .wrap within the navigation also. Add what you had above and then add this directly below it.
.navigation-main .wrap { background-image: none !important; } -
wonderful as usual, sacredpath! yea, you are right. Great and thanks!
One other thing. Could I possibly give the picture a custom url, i.e sending people to a bookstore by clicking on the image? -
Sorry, that isn’t something that can be done within CSS. There is an old trick of moving a widget up and over the top of the image, with another linked blank, transparent PNG image in it, but this doesn’t work well on Responsive width themes such as RYU and ends up requiring a lot of extra CSS to continually adjust things so that the linked image stays over the top of the other image.
-
-
-
come to think of it, sp, can’t just make any click on the whole masthead (i mean the whole white area) clickable so that it redirects to the book site? I mean that’s what one wants anyway, not necessarily a click on the book image. Know what I mean?
-
Sorry, It would take the same old trick of moving a widget up and over the header area and as I said, that is problematic on responsive width themes.
-
-
-
Thanks sp. Trying to learn from the masters like you. Too much to learn though :) Hopefully someday the site gets nominated
-
-
Hi Sacredpath. Having another mountain to confront! I am trying to start a countup on my site. Actually to mark the kidnapping of over 200 girls in NIgeria since April 16 this year! And they are still in captivity, so sad.
So I am trying to lend my voice to the awareness by putting right on a conspicuous place on the very front of my page (maybe always at the beginning of a new post) a count up of days.
I have been trying everything, but because one cant use java, all the codes are not working.
Is there away to do this please. I put underneath one of the codes I tried from this site (http://gaf210.imvustylez.net/codes/generators/countdown-generator-lang-eng) but wont work even with css. Here:SecsMinsHoursDaysOver 200 girls still in captivity in Nigeria!thanks sp
Victor -
I don’t think you’d be able to use this on your site, since it uses JavaScript like you said, and that is not allowed on WordPress.com sites.
There is not really a way around it, since Javascript is about functionality, and CSS (which IS allowed, of course) is about look-and-feel.
On self-hosted WordPress(.org) sites, you can include anything you like (including JavaScript) so that’s an alternative you may want to consider.
-
-
It’s not really sad I would say, it’s really for security reasons: see http://en.support.wordpress.com/code/ for details and reasoning.
But again, if you want/need full control, a self-hosted WordPress.org site would be an option you might want to consider.
- The topic ‘image on my ryu home page’ is closed to new replies.
WordPress.com Forums 