Joomla Templates Club 406,261 posts

[slart Friend slartJoin date: June 2009Posts: 23Downloads:1Uploads:0 Thanks: 14 Thanked: 2 times in 1 posts]

#189453

Dear Joomlarts,

please see: http://www.raeume-zum-mieten.de/index.php?option=com_content&view=article&id=4&Itemid=468

The masshead title is positioned on the picture (instead of above) and the “masshead” – text below is without the white background and with the arrow (see your example V. Custom HTML Modules/ 6. Careers Slogan ).

What do I have to do.

Best regards
Oliver

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501260

Hi Oliver,

Firstly, you need to create a custom.css file in templates/ja_beranis/css folder, then add below codes into:

.jamasshead {
height: 490px !important;
}

[slart Friend slartJoin date: June 2009Posts: 23Downloads:1Uploads:0 Thanks: 14 Thanked: 2 times in 1 posts]

#501270

Hi Burnetts,

thx for the answer. The text “Kontakt” is now above the image.

But nothing changed for the background of “Wir helfen Ihnen auch bei ungewöhnlichen Aufgabenstellungen.”. It is still orange with the paperplane(?).

What is the next step?

Best Regards

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501271

Hi Oliver,

The background color of the masshead module is related to the background of ja-content-mass-top section, so that you will need to override the css styles of masshead background/text colors in Referenzen menu item page only. Try to put below codes into custom.css file:

.itemid-468 .ja-content-mass-top {
background-color: white !important;
}

.itemid-468 .site-slogan {
color: black !important;
}

.itemid-468 .jamasshead h3.jamasshead-title {
color: black !important;
}

[slart Friend slartJoin date: June 2009Posts: 23Downloads:1Uploads:0 Thanks: 14 Thanked: 2 times in 1 posts]

#501276

Hi Leo,

many thanks for your help.

But this is not yet the effect descriped in your User Guide ==> Chapter V. Custom HTML Modules ==>6. Careers Slogan (see: showthread.php?87951-JA-Beranis-Template-Userguide).

As in your template I need the background on top of the Picture in orange (as it was) and only below the picture in white (with some highlightes words).

Propably this can help for analysing the situation: I use on this page a massheadmodule for the title “Referenzen” and a HTML customized Module for “Wir helfen Ihnen auch…” – both modules are positioned as “masshead”, as descriped in your Userguide.

Kind regards

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501282

Hi Oliver,

You can try to put the text ” ja-beranis-careers” to Page class options (Page Display Options) in the backend of Referezen menu item. Make sure you leave a space before the text. Then I will help to adjust the css styles if needed.

In addtion, you should compare the Custom HTML of your slogan with ours:

<div class="site-slogan hidden-phone animate-text">
<p>“<span class="highlight">Beranis</span> doesn’t really want you to have a job,</p>
<p>they want you to <span class="highlight">have a life</span>.”</p>
</div>


Note: Remove the css styles for item-468 from custom.css file before trying on this .

---

Attachments:

1. 

1 user says Thank You to phong nam for this useful post

1. slart

[slart Friend slartJoin date: June 2009Posts: 23Downloads:1Uploads:0 Thanks: 14 Thanked: 2 times in 1 posts]

#501298

<em>@Leo Burnetts 383622 wrote:</em><blockquote>Hi Oliver,

You can try to put the text ” ja-beranis-careers” to Page class options (Page Display Options) in the backend of Referezen menu item. Make sure you leave a space before the text.
</blockquote>

Hi Leo,

thank you very much. The first proposal works fine.

Best regards
Oliver

[Author]

Posts