Joomla Templates Club 406,261 posts

[amoreno Friend amorenoJoin date: January 2008Posts: 39Downloads:6Uploads:6 Thanks: 3]

#170820

Hi,

It would be possible to use the module highlite-1 from ja-bistro on this template?
If yes, could someone tell me how??

thanks in advance,
Albert

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#425213

Hi,
I don’t understand what you mean clearly. Could you explain more details?Could you give me a snapshot with your annotation?

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#425216

Hi Albert,

Can you please provide a screenshot of the module from JA Bistro, which you want to use?

[amoreno Friend amorenoJoin date: January 2008Posts: 39Downloads:6Uploads:6 Thanks: 3]

#425219

I would like to use this module on the template ja_erio

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#425228

Hi Albert,

The JA Bistro template uses a background image with an orange shade for this particular module. If you have access to Ja bistro downloadable files, you will get that image from source files of JA Bistro. Else you will need to create a similar image to use in your template or simply specify the color as background color for all or any particular modules.

[amoreno Friend amorenoJoin date: January 2008Posts: 39Downloads:6Uploads:6 Thanks: 3]

#425256

Hi, I took the files from bistro, and i added to template.css:

div.hilite1 {

margin-left: 0;

margin-right: -10px;

padding: 15px 20px 25px;

background: url(../images/block-hilite1-bg.png) no-repeat right bottom;

color: #fff;

}

div.hilite1 h3 { color: #efd7b4; }

div.hilite1 .author { color: #f3debf; }

div.hilite1 a.readon {

color: #f3debf;

background: url(../images/arrow-2.gif) no-repeat right center;

}

but as you can see, the result is not as expected, the title part is white !!

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#425367

Hi

Can you please provide site url so that I can inspect what you have done and what more needs to be done? Also tell me if you want the module to be green or orange?

If you dont want to give site url in the forums, you can send it to me via PM.

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#425379

Hi

Here is the change you can do..

To have orange background, remove the background image and put color code like in the code below.
<blockquote>div.hilite1 {
margin-left: 0;
margin-right: -10px;
padding: 15px 20px 25px;
background: #CF4E33;
color: white;
}</blockquote>

To make the module title font like in JA Bistro,

1. Edit your template > Profiles Tab.
2. Say the Default profile is being used, then find Google Font API Settings in the settings of the DEfault profile
3. Choose font Lobster for Module Titles and save the template.
4. Check if your module looks similar to the module in JA Bistro..

Let me know if you have any more doubts.

[amoreno Friend amorenoJoin date: January 2008Posts: 39Downloads:6Uploads:6 Thanks: 3]

#425425

Thanks i did and it looks like much better,
but i lost the decoration of the end !
Moreover i try to make the font of the module title bigger, with the background in a different color tone and without the short line ! by doing:

div.hilite1 {
margin-left: 0;
margin-right: -10px;
padding: 15px 10px 10px;
background: #CF4E33;
color: white;
}

div.hilite h3 {
color: white;
background: red;
font-size:large;
}

but nothing changes !!

thanks !

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#425640

Hi,
div.hilite h3 {
color: white;
background: red;
font-size:large;
}

This isnt working because the div class should be hilite1 not hilite. also i would suggest you to define font-size in px / %. The short line below title is getting applied as a background image, so when you correct the div class said above, your background will be applied to title giving it red background and removing the line.

[Author]

Posts