Need help with picture and overlay color.

egosophist

How would I go about changing the text in this area to a different color: #fef2f2

How can you change the font...Just curious...

It's currently White...

Module: Lioness Partners
Position: Section

pavit

Hi egosophist

Add to the /templates/ja_social_ii//local/css/custom.css file below code :

.t3-section .section-header h3 {
color:#fef2f2;
}

http://prntscr.com/ixpo0k

How can you change the font...Just curious...

Look at THIS documentation page

Or you can add single font in the same file showed above

http://prntscr.com/ixppog

.t3-section .section-header h3 {
color:#fef2f2;
font-family:lato;  
}

where lato is the name of font.

Hope it helps

Regards

egosophist

Not sure what I'm doing wrong. Tried posting it two different custom css folders. Dumped cache...multiple browsers...not sure what I did wrong.

pavit

Hi egosophist

I added below css rule

.t3-section .section-header h3 {
color:#fef2f2!important;
}

You added indeed text-decoration-color

Regards

egosophist

TY Much Appreciated.

Do you know what this is on the Contact Form? I've never seen this on any other templates.

I can't seem to turn it off...

I have tried everything...lang overide...I can get rid of the "CONTACT" but not that level...

pavit

Hi egosophist

Could you please post a screenshot of your desired layout for contact page ? it is not clear to me what exactly you want to remove ( icon ? contact text ? background color ?)

egosophist

pavit

Without that top left Map Icon and title...and I can't figure out how to remove the "green" line from under Lioness Contact Form...

Appreciate the help.

egosophist

Also, just noticed the sidebar is empty on mobile...Not sure why...

pavit

egosophist

Hello

Regarding menu in mobile, it was because module off-canvas was not assigned to the contact-us page , i fixed it

I applied custom.css for contact page in this file /templates/ja_social_ii/local/css/custom.css

/*contact page custom*/
.contact .contact-address:before {
  display:none;
}
.contact h3:after {
  display:none!important;
}
.contact .wrap {
  background-color:#fff;
  padding:8px 0 !important;
}

Regards

egosophist

Thank you Pavit.

How do I make the sidebar menu show on all the pages on Mobile? I can't find it in components or the template...

I appreciate your patience.

pavit

egosophist

You should publish / assign your module published in off-canvas position to the page where you want it showed menu assignment tab.

egosophist

Ahhh Got it. Just didn't know the name.