Changing the post title appearance in Kubrick

  • Hi,

    I’m VERY new at CSS and I’m having a hard time finding the information I need. I’m modifying Kubrick as best I can… I’d like the post title to have a small image (always the same, a tiny .gif file) before the text and a line under it, as can be seen on my old blog : https://homepage.mac.com/rlapalme/blog/viemusique.html

    How can I do this? Where do I need to modify the main CSS file ? I’ve tried a lot of different combinations, but nothing works.

    Thanks !

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter sweetsounds

    (@sweetsounds)

    Is there really no one who can help me with this???? I’ve tried everything I could think of and I’ve read everything that seems related to this on this site, but I can’t find the answer. NOTHING I TRY WORKS !!! I simply can’t get an image to appear next to the post titles (just a small gif) or a line to appear under the post titles. Can anyone please help? This is driving me nuts!!!!

    Thread Starter sweetsounds

    (@sweetsounds)

    Just so you can see, my site is at https://www.unevieenmusique.com. I really want the modify the appearance of the post titles.

    The post title will be in the css file, you would need to put the small image in the background, then pad your text to push it so the image does not cover the text. Then put a bottom border on it.

    A bit like this

    \ .post-title {
    font-family:Georgia, Arial, Serif;
    font-size:1.3em;
    margin:0;
    font-weight:bold;
    background-color: #333333;
    color: #FFFFFF;
    background-image: url(img/yourimage.png);
    padding-left: 12px;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dashed;
    border-left-style: none;
    border-bottom-color: #000000;
    } \

    Hope that helps, but do not take it as gospel and remember you need to alter colours and so on.

    Thread Starter sweetsounds

    (@sweetsounds)

    Thanks !

    However, I can’t find a .post-title section in the CSS file. Should I add one, or is this to be added in the h2 section of the CSS file in Kubrick ?

    Thread Starter sweetsounds

    (@sweetsounds)

    Okay, I have to add background-image: url(url…) to the h2 tag, but… I get a repeat, and if I add no-repeat, I don’t the see image anymore. I don’t quite have the hang of this yet, but it’s coming…

    Thread Starter sweetsounds

    (@sweetsounds)

    More details : if I add this to h2 :

    background-image: url(the url here);

    then I get the image over and over behind the post title.

    If I add this :

    background-image: url(the url here) no-repeat;

    then I don’t get the image at all. If I add left no-repeat, I don’t the image either. Can anyone help me out?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing the post title appearance in Kubrick’ is closed to new replies.