Joomla Templates Club 406,261 posts

[mengler12 Friend mengler12Join date: February 2017Posts: 151Downloads:112Uploads:77 Thanks: 33]

#1056637

Hello,

I have installed a masthead on my JA Jason site. Everything appears to be working, however, I want to be able to change the text (styling) size, positon, and color. Essentially, I want to be able to make the text bigger, center the text in the masthead, and change the color.

I have tried several avenues but without success.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1056689

Hi
Can you post the URL of the site?
So i can check this on your site and suggest you changes.

Regards

[mengler12 Friend mengler12Join date: February 2017Posts: 151Downloads:112Uploads:77 Thanks: 33]

#1056704

Hello,

http://www.my-bplans.com

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1056710

Hi
Add below code in custom.css file

.ja-masthead .ja-masthead-detail {
    color: #fff;
    padding: 40px 0;
    max-width: 980px;
    position: relative;
    text-align: center;
    z-index: 20;
}

You can also see the code in firebug here http://prntscr.com/g91571
Override the code via custom.css file.

For the title use title style classes

.ja-masthead-title  {}

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. mengler12

[mengler12 Friend mengler12Join date: February 2017Posts: 151Downloads:112Uploads:77 Thanks: 33]

#1056797

Hello again,

Could provide an example of using the style classes for the title. I am a bit unsure of this.

Thanks

[mengler12 Friend mengler12Join date: February 2017Posts: 151Downloads:112Uploads:77 Thanks: 33]

#1056807

Hello,

I entered the code you supplied in my custom.css file. It appears to have only worked on my iPhone and iPad. However, when I open the browser page in IE, Chrome, etc there is no affect. The masthead stays the same. Any idea how to fix this?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1056860

Hi
You are using Media query on this code.
see this http://prntscr.com/g9fbau
Kindly add the code in the first line of custom.css or do not use the media queries so it will work for all screen size.

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. mengler12

[mengler12 Friend mengler12Join date: February 2017Posts: 151Downloads:112Uploads:77 Thanks: 33]

#1056978

Hello,

I have made the changes you suggest, but the issue remains.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1057065

Hi
I checked your custom.css file and found the suggested code is not added by you and there are alot of syntax errors in the files.
I corrected them and added the code.
Kindly check the site now.

Regards

[Author]

Posts