Joomla Templates Club 406,261 posts

[sofiedevalck Friend sofiedevalckJoin date: November 2011Posts: 3Downloads:0Uploads:0]

#171571

Hello,

On my website http://www.reis-zoeken.com I’ve got a problem with the lay-out.

“Contact” on the right above stays green, also when I add it to the template profile (blue). Do I have to change something in the contact module?

I also have this problem with the content: the vacations are also green and are added to the template.

What’s the solution?

Thanks a lot!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#428462

Hi sofiedevalck

That color is correct is the default color for links

You want change that color to another one ?

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

#428463

It looks like you need to modify your template.css file within your “blue” theme.

Within the path –> /templates/ja_travel/core/themes/blue/css/template.css <– see lines 15 thru 53


/* COMMON STYLE
--------------------------------------------------------- */
/* Readon links ---*/
a.readon, p.readmore a{
background-image: url("../images/readmore.png");
color: #a7cc66;
}


a.readon:hover, a.readon:focus, a.readon:active,
p.readmore a:hover, p.readmore a:focus, p.readmore a:active {
background-image: url("../images/readmore-orange.png");
color: #3f5617;
}


a { color: #6ba00f; }
a:hover, a:active, a:focus { color: #3f5617; }h1.componentheading, .componentheading { color: #418BCF; }h2.contentheading, .contentheading { color: #418bcf; }.custom_contact h1{ color: #2293C3; }h2.itemTitle a { color: #2293C3; }.blog-featured .componentheading, .contact h2, h2.title-categories { background-image: url("../images/arrow-title.png");}.blog-featured .componentheading span, .contact h2 span, h2.title-categories span { border-color: #0D99F6; }.blog h1.componentheading { background-image: url("../images/arrow-title.png"); }.blog h1.componentheading span { border-bottom: 2px solid #0D99F6; }

.blog h2.title-category { color: #0D99F6; }.item-page h2 a { color: #418BCF; }


[FONT=arial]
Examine the various color codes for the various heading/text elements –> modify them for the color you want.

Don’t forget to save your changes … clear cache … refresh your page.

Hope that helps.

[/FONT]

[sofiedevalck Friend sofiedevalckJoin date: November 2011Posts: 3Downloads:0Uploads:0]

#428488

That’s it! Thanks 🙂

In which file do I change the color of user 1, 2, 3, … It’s a red line that is shown and a white header text. Is it also in the template.css to change this?

And at last I’ve seen a slogan text in the middle of the header in the demo, but there is no slogan module position in my template. How can I change that?

Thanks!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#428490

<blockquote>In which file do I change the color of user 1, 2, 3, … It’s a red line that is shown and a white header text. Is it also in the template.css to change this? </blockquote>

You must publish a module in that position (user 1 or 2 or 3) and leave the show title active so it will show the red line and the text above the title

<blockquote>And at last I’ve seen a slogan text in the middle of the header in the demo, but there is no slogan module position in my template. How can I change that?</blockquote>

That is the Ja_Slideshow module published in the slideshow position

Here you can find a tutorial on this template i think it could be helpful for you.

[sofiedevalck Friend sofiedevalckJoin date: November 2011Posts: 3Downloads:0Uploads:0]

#428517

Ok, thanks a lot! I’ll try that.

[Author]

Posts