Intro Title inside Table Cell
- Posted by Grotbag (5) Offline
Hi
Can see where the confusion lay, my mistake, yes inside the yellow box.
Cheers
12 years 1 month ago #7
by Grotbag
Can see where the confusion lay, my mistake, yes inside the yellow box.
Cheers
Please Log in or Create an account to join the conversation.
- Posted by erwinschro (1034) Offline
Mmm maybe we can just add the hover style for the table-cell-inner, like
place it under the respective custom theme style.css.
12 years 1 month ago #8
by erwinschro
.minifrontpage-tabbed-slide-down-up .mfp-table-cell-inner:hover {
background: #fbfb71;
}
place it under the respective custom theme style.css.
Please Log in or Create an account to join the conversation.
- Posted by Grotbag (5) Offline
Hi
That just turned the article title yellow when you hover over it, thanks anyway.
If you look at the demo page demo.templateplazza.com/joomla/index.php/mini-frontpage-module the first article starts with LaunchTime with Cent...
If you look at the intro text which starts with So you still not ready to launch your Project site yet but already got a domain name in hand? this is contained in a box colored #F0F0F0 and when you hover it changes to #fbfb71
I would like the article title inside the box colored #F0F0F0 with the image and intro text below it, or to increase the size of the box to include the article title.
I hope this a bit clearer on what I would like to do.
Cheers
12 years 1 month ago #9
by Grotbag
That just turned the article title yellow when you hover over it, thanks anyway.
If you look at the demo page demo.templateplazza.com/joomla/index.php/mini-frontpage-module the first article starts with LaunchTime with Cent...
If you look at the intro text which starts with So you still not ready to launch your Project site yet but already got a domain name in hand? this is contained in a box colored #F0F0F0 and when you hover it changes to #fbfb71
I would like the article title inside the box colored #F0F0F0 with the image and intro text below it, or to increase the size of the box to include the article title.
I hope this a bit clearer on what I would like to do.
Cheers
Please Log in or Create an account to join the conversation.
- Posted by erwinschro (1034) Offline
Yes what I meant was not just that...there would be some other css editing... here are the full edited version
first as before with additional
then add padding for the intro title and date part,
then you can remove the hover style for the hovered p
as that won't be necessary anymore.
Hope that's help...
12 years 1 month ago #10
by erwinschro
first as before with additional
.minifrontpage-tabbed-slide-down-up .mfp-table-cell-inner {
margin-right: 10px;
background: #f0f0f0;
}
.minifrontpage-tabbed-slide-down-up .mfp-table-cell-inner:hover {
background: #fbfb71;
}
then add padding for the intro title and date part,
.minifrontpage-tabbed-slide-down-up .mfp-introtitle {
...
display:block;
padding: 8px;
}
.minifrontpage-tabbed-slide-down-up .mfp-date-author {
...
padding: 0 8px;
}
then you can remove the hover style for the hovered p
.minifrontpage-tabbed-slide-down-up .mfp-table-cell:hover p {}
as that won't be necessary anymore.
Hope that's help...
Please Log in or Create an account to join the conversation.