Change size of Title Text being overridden by inline style sheet.

Hi,

I am attempting to change the size of the title size of the masonryxt template within the file /modules/mod_minifrontpagepro/tmpl/masonryxt/skin/default.min.css

.mfp_masonryxt_skin_default .mfp_masonryxt_item .mfp_masonryxt_title a {
font-weight: 700 !important;
font-size: 1.8em !important; <<<< This is the change I have made

So once I've made the change I desire, the title size has not changed. On investigation using a browser source code viewer, I can see that the css coding above is being overridden by

However my broHowever it seems to be overridden by the inline:2

.mfp_masonryxt_skin_default .mfp_masonryxt_item .mfp_masonryxt_title a {
font-size: 1em !important;

When I follow this, it appears to be an inline style sheet #3 and the full code is

.mfp_masonryxt_skin_default.mfp_mid_109 .mfp_masonryxt_item .mfp_masonryxt_item_inner {border:1px solid rgba(0,0,0,0.1);padding:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);margin-bottom:1rem!important;}.mfp_masonryxt_skin_default .mfp_masonryxt_item .mfp_masonryxt_title a {font-size: em !important;}.mfp_masonryxt_skin_default.mfp_mid_109 .mfp_masonryxt_item .mfp_masonryxt_hero_item .mfp_masonryxt_title a {font-size:1.2em!important}
.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-grid {margin-right: -0.5rem !important;margin-left: -0.5rem !important;}.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-col-xs,.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-col-xs-1,.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-col-xs-2,.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-col-xs-3,.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-col-xs-4,.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-col-xs-5,.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-col-xs-6,.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-col-xs-7,.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-col-xs-8,.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-col-xs-9,.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-col-xs-10,.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-col-xs-11,
.mfp_masonryxt_skin_default.mfp_mid_109 .mfp-col-xs-12 {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
.mfp_masonryxt_skin_default.mfp_mid_109 .mfp_masonryxt_item_inner {border-radius: 4px;}

I have managed to change the size of the intro text by editing the default.min.css file however the title text edits are being overridden by the inline style sheet.

What do I have to edit to change the titles or to stop the inline style sheet from overriding the default.min.css file of the mini front pro template I am using.

Thanks in Advance.

Hi,

thanks for your reply.

I did attempt entering the code in the module back end but it was not having effect so I delved into the default.min.css file.

Anyhow, I had another look at the source code from the browser and noticed that the Title Text was under a H4 header tag. I changed the H4 in my site's template manager (Templates Creator Ck) and that seems to do the trick. (I previously changed H1 and H2 earlier expecting the Mini Frontpage Pro title to be linked to one of those tags.)

Which makes me wonder about what tag the Mini Frontpage Pro intro text is linked to? As although it is working nicely now with the edits to the .css file mentioned earlier, like you mentioned, updates may override. I did try changing the text sizes in the site template earlier but nothing seemed to change the intro text then which is why I edited the default.min.css file

Is there some default documentation that comes with the module that goes through its default settings as such?

All seems to be a nice little module anyway.

Hi Again,

Looking back over everything, I replaced the edited default.min.css file on my server (I downloaded it and saved it in a safe place before making the original changes)

And gave the backend css adjustment field in the backend another go. This time it worked. I don't know whether I forgot to close the command off or whether I just used ".mfp_masonryxt_introtext {
font-size: 1.2em;}" without the preceding items, but it worked with the below.

.mfp_masonryxt_skin_default .mfp_masonryxt_item .mfp_masonryxt_introtext {
font-size: 1.2em;}

Ok thanks for your time.

Regards
Max