Styling Title(image) in MiniFrontpage Joomla

I am trying to style the title. What I want to do is to add one background image 500px width and 50px height to my title so It looks like a titlebar. I have found the .minifrontpage-default .mfp-introtitle { in the style.css file but when I add

width: 500px;
height : 500px;
padding : 5px;

Only thing that happens is I see my background image just behind the text. It's ignoring my width and height commands and padding.

How it looks :
What I want :

Where is the problem do you think? Any help is much appreciated.

Thank you in advance!

Code in style.css
.minifrontpage-default .mfp-introtitle {
 
	/* display: inline-block; */
 
	vertical-align: top;
 
	background-image:url(http://dalstorpsif.com.preview.citynetwork.se/images/nyheter/title_top.jpg);
 
	width: 500px;
 
	height: 54px;
 
	padding: 5px;
 
	font-size: 150%;
 
	font-weight:700;
 
	color:#666!important;
 
	margin-bottom: 5px;
 
	text-shadow: 0 1px 0 #fff!important;
 
 
}
11 years 8 months ago #1 by georgecarlinfan

Please Log in or Create an account to join the conversation.

Hello

how about adding display:block property on it?
11 years 8 months ago #2 by erwinschro

Please Log in or Create an account to join the conversation.

I will try that aswell but I solved it temporarily with

position:absolute;
width : 500px;
height : 53px;

Now I have the problem of Date appearing behind the image.
11 years 8 months ago #3 by georgecarlinfan

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum