Saturday, 3 May 2014

How-To: Override Default CSS For Images [Blogger]

Since I haven't been posting anything of much substance on this blog for a while, I thought I'd do another one of my popular Blogger tutorials. To follow up on my CSS tutorial on how to change the default size of all your photos in your blog posts, today I'm going to show you how you can override that for certain photos. Sometimes you may need an image to be smaller or larger. The image below is smaller than my default size seen in all my other posts. The border has also been removed. 
How to override CSS for just some images?
Here I will show you how to override the default size of your images, and how to remove, add or change an image border. I'm giving this example as these are the codes I used for my post footer. If you look at the bottom of each of my posts, I have an image map with links to my shop and social media sites. The image is smaller than the default width of all my other images, and there is no border around it.
  1. Template > Advanced > CSS
  2. Paste in this code
    #myimage1
    {
    width: 400px;
    position: center;
    box-shadow: none !important;
    padding: 0px !important;
    border: 0px !important;
    }
  3. First, adjust the width in pixels. The code above gives you 400px (see image above).
  4. Next adjust the 'padding' and 'border' widths. I set mine to 0px as I wanted to get rid of the default border entirely.
  5. Click Apply to Blog and exit.
  6. Now open up the blog post with your image that you want to use the code for. On the top left of the post editor page select to view HTML.
  7. Locate your image code. It may look similar to this:
    <img src=http://myblog.blogspot.com/myimage.jpg>
  8. Add the following code inside your image brackets: id="myimage1"
    It should look something like this now:
    <img src=http://myblog.blogspot.com/myimage.jpg id="myimage1">
  9. You're all set! Preview your image to make sure it works and click save!
*I used to work as a web designer & developer but I didn't enjoy it. Everyone is so fussy and picky and never happy with my work. I think sharing my knowledge this way is much more fun. CSS & HTML codes for changing & adjusting website layouts are universal so if you see these codes/tutorials elsewhere please remember neither of us copied each other. Please share this post with your friends. If you use any of these tips please leave a comment below with the URL of your blog, I'd love to see your lovely layouts! [More tips on customising your Blogger template]

Sunday, 13 April 2014

My Tarostrology Blog!

This is a quick announcement to say that I have another blog on the go! I know I have been neglecting this blog for the past few months, but I fully intend to start blogging here again when I get back into the blogging mode. I still absolutely adore this whole layout and the feel of this blog, I love it very much and it would break my heart to see it abandoned.


However, since opening up my Etsy shop (selling Astrology guided Tarot readings) and uploading to a new channel, I decided I wanted to start a blog that I could post regularly about Astrology, Tarot and Astronomy. Although I do have tabs for those subjects here, I don't feel comfortable writing too in depth about them because as the title of this blog suggests, it's fashion and beauty related, and the addition of personal posts and random interests seems okay, but I think too much science and esoteric talk might make me lose some followers! 

Now I want to start focusing more on writing about my passions outside of fashion and beauty. I know many of you who read this blog are following me for the Astrology stuff, so now you have a place to go specifically for that!  

I have some exciting series planned for Tarostrology blog, including one which I uploaded the first post to today, When Planets Moonwalk. Everyone here knows my whole family is obsessed with Michael Jackson, so I had to throw that one in there. The other two series I have planned are For The Love of Astronomy, where I will be writing about the planets from a more astronomical stand point, and Intro to Astrology, which is going to accompany my Intro to Astrology video series that will be coming soon to my spirituality channel.

I have also started a new Facebook page which you should also out if Tarostrology is your kind of thing. 

And on another note, I recently updated my Instagram app on my Android, resulting in me loosing a big handful of followers. There must have been some bug as many people have complained about the same thing happening to them. Please take a look to see if you have been unsubscribed and please do resubscribe ---> My Instagram



Monday, 31 March 2014

My First Spirituality Video!

I've just uploaded my first video to my spirituality channel, and I thought I would just post it up here too. I won't be posting all of my videos from that channel on my blog since, however I thought anyone who is curious about my spiritual path may be interested in this intro video. You can find my channel here: http://youtube.com/PaganImperium - feel free to subscribe if this is your kinda thing.