MiniFP styling

I install the updated version first time it takes my using template styling. But after making some changes in configuration like (article ordering, show thumbnails etc) default layout gets other look. It's not my tepmate again.
Is it my mistake?
11 years 5 months ago #7 by uzbaby

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

do you have a backup for the minifrontpage's css codes before you install the updated version?

if no, i'm really sorry, you need to custom the css for this module again.

When you add a new css for your minifrontpage it is better store it in the css folder of your template. So when you update the module, your style will never be overwrited

but there are so many files....i really don't understand where exactly make changes


you can choose and try one of your css file. and if you need more details, please let me know you live site, so i can check it

Good Luck
11 years 5 months ago #8 by ronysyz

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

In the attachment there are two modules
One is miniFP second one is my module.
I need miniFP be like my module style.
But I don't know where should I make changes in my template.

My online site is www.newuzbaby.com/
the miniFP is in the bottom.
Please help me...I'm new in Joomla and really don't understand a lot of things.
thank you very much!!!
11 years 5 months ago #9 by uzbaby

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

You will need to insert several css codes below in /templates/jm-baby-catalog/css/layout.css
.minifrontpage-default .mfp-table-cell p {
    background: none;
    box-shadow: none;
    color: #315769;
    font-size: 100%;
    line-height: normal;
    margin: 0 0 10px;
    padding: 10px;
    text-shadow: none;
}
 
.minifrontpage-default .mfp-table-cell:hover p{
    background: none;
}

and
.minifrontpage-default a.mfp-readon{
    background: none;
    color: #E96F14;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0; 
    float: right;
    text-decoration: none; 
}
 
.minifrontpage-default a.mfp-readon:hover{
    background: none;
    text-decoration: underline; 
}

Good Luck
11 years 5 months ago #10 by ronysyz

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

Dear ronysyz. Please can you help some more....please
If you see my main page the MFpage is still looks not like my tepmate. Not all, maybe some parts. For example there is still bakcground on the readon button. The box is toooo big and the title is not above but with image.
Please help me. The module near is excactly what I want but I don't understand really how to do this.
11 years 5 months ago #11 by uzbaby

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

for this case

For example there is still bakcground on the readon button.


please replace these css codes
.minifrontpage-default .mfp-table-cell:hover p{
    background: none;
}

become to
.minifrontpage-default .mfp-table-cell:hover p{
    background: none!important;
}

also, replace these codes
.minifrontpage-default a.mfp-readon:hover{
    background: none;
    text-decoration: underline;
}

with
.minifrontpage-default a.mfp-readon:hover{
    background: none!important;
    text-decoration: underline;
}

Good luck
11 years 5 months ago #12 by ronysyz

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

Powered by Kunena Forum