Forums

[resolved] Trying to add abackground to h3 in sidebar (8 posts)

  1. kjagen
    Member
    Posted 2 years ago #

    #sidebar h3{

    color:#fff;
    padding-left:10px;

    background-image:url(img/sidebar_bg.gif);

    font-size:14px;
    font-weight:normal;
    font-family:tahoma,"BitStream vera Sans";
    margin-right:5px;

    But it doesn?t work
    The widget text is over a black background which I don`t know come from?
    http://www.kjagen.com/

  2. @mercime
    Member
    Posted 2 years ago #

    The widget text is over a black background which I don`t know come from?

    The h3 background is exactly how you specified it in CSS declaration. Your image is black, just like is seen in your home page's sidebar.

  3. kjagen
    Member
    Posted 2 years ago #

    yes its black. But the h3 isn?t over the image bg, its over something else above that!

  4. @mercime
    Member
    Posted 2 years ago #

    Checking out your style.css, there's nothing between the background image of your #sidebar h3 and the #sidebar h3 itself. If you /* hide */ this declaration: background-image:url(img/sidebar_bg.gif);
    you would see that all's clear. What made you think there was anything between the image and your sidebar's h3?

  5. kjagen
    Member
    Posted 2 years ago #

    Now I`ve deleted the bg image in the sidebar and
    its inn the style instead ( just a black line, its missing the arrow on the botton side), but its not displaying correctly,
    see your image link above

  6. kjagen
    Member
    Posted 2 years ago #

    I want the text (widget title) in the sidebar to be further down
    now it`s at the top end of the black area w7 the arrow ( h3 background image)

    how can I do that? padding only results in a new black area below the background area

  7. alchymyth
    The Sweeper
    Posted 2 years ago #

    reduce height by 4px and add padding-top:4px (for instance):

    #sidebar h3{
    
    color:#fff;
    padding-left:10px;
    background-image:url(http://www.kjagen.com/wordpress/wp-content/themes/inovenew/img/filled.png);
    height:30px;padding-top:4px;
    font-size:14px;
            font-weight:bold;
    	font-family:tahoma,"BitStream vera Sans";
    margin-right:5px;
    margin-bottom:10px;
    
      }
  8. kjagen
    Member
    Posted 2 years ago #

    Thanks

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags