Styling Title(image) in MiniFrontpage Joomla
- Posted by georgecarlinfan (2) Offline
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
11 years 8 months ago #1
by georgecarlinfan
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;
}
Please Log in or Create an account to join the conversation.
- Posted by erwinschro (1034) Offline
- Posted by georgecarlinfan (2) Offline
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
position:absolute;
width : 500px;
height : 53px;
Now I have the problem of Date appearing behind the image.
Please Log in or Create an account to join the conversation.