Joomla Templates Club 406,261 posts

[bvk1987 Friend bvk1987Join date: October 2012Posts: 187Downloads:10Uploads:31 Thanks: 66 Thanked: 6 times in 1 posts]

#199148

Hi,

How can the background be changed/removed in the masthead? With that I mean the image in the background of the Masthead.

Also, I added a button in the “Opening Hours” module. This button looks like the “read more” buttons on the “Urgent Care” and “Docters Timetable”, but when I hover over it, the text in the buttons stays white while it should turn blue. Now it’s white on white so you can’t read the text anymore.

This is what I added in the module:

<p><a class=”btn btn-border mod-articles-category-title ” href=”index.php/uw_voordelen”>Wat betekent dit?</a></p>

What can I do to make the text light up in blue?

Cheers!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#540198

So that we can try to best assist you, please provide the url of the site you’re working on.

1 user says Thank You to TomC for this useful post

1. Vicky T

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#540250

@bvk1987: You can change the background in JA Masshead module following this userguide: http://www.joomlart.com/documentation/joomla-module/ja-masshead (navigate to 4. Use extra parameters section).

Regarding button question, it depends on module class suffix in module. You can change the class in red to box-background-primary or box-background-secondary:

<blockquote><div class=”t3-module module box-background-dark box-icon box-icon-clock ” id=”Mod107″></blockquote>

[Vicky T Friend Vicky TJoin date: September 2014Posts: 38Downloads:13Uploads:17 Thanks: 13]

#542110

Hello Ninja Lead,

I tried that, but does not seems to be working.

I am trying to fix this along with Module heading (see the difference in office hours and Get directions).

Site URL:http://testbed46a.physi.vedifix.com/

any help is appreciated.

Thanks,

Vikram

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#542188

I could not see your changes for the background in css file

Open templates/ja_medicare/css/template.css file

.ja-masthead {
background: url("../images/masthead-bg.jpg") no-repeat;
background-size: cover;
text-align: center;
padding: 50px 0;
position: relative;
}

Background path: templates/ja_medicare/images/masthead-bg.jpg

Regarding the css style in module class suffix, you have to change or define new color from css style and module class suffix configuration.

+ In css file

Open templates/ja_medicare/css/template.css file and find “box-background-secondary”, “box-background-primary” and “box-background-dark”

If you wish to change or define new color you have to create templates/ja_medicare/css/custom.css file and work with it

+ In module class suffix, see the screenshot

---

Attachments:

1. 

[Author]

Posts