Joomla Templates Club 406,261 posts

[fitito Friend fititoJoin date: June 2012Posts: 18Downloads:0Uploads:7 Thanks: 6]

#180558

Dear friend,

I need some instructions in order to make these changes in JA WALL:

I would like to know how can I change the colored borders of the articles like in the image? How can I choose the color and save it.

On the other hand, is it possible to insert a permanent horizontal file or column with four articles? Someting like in the following image.

Thank you very much.
I wait for your answer.

---

Attachments:

1. 
2. 

[arucardx Friend arucardxJoin date: July 2010Posts: 346Downloads:0Uploads:10 Thanks: 21 Thanked: 138 times in 104 posts]

#466516

For the colored border styles.
http://www.joomlart.com/forums/topic/item-variations/

1 user says Thank You to arucardx for this useful post

1. fitito

[fitito Friend fititoJoin date: June 2012Posts: 18Downloads:0Uploads:7 Thanks: 6]

#466526

Thank you very much arucardx.

On the other hand, I continue really interested in the second topyc.

Is it possible to insert a permanent horizontal file or column with four articles? Someting like in the following image.
And what’s more, for this supposed permanent item can I insert a different background with different color?

Thank you very much!!

---

Attachments:

1. 

[fitito Friend fititoJoin date: June 2012Posts: 18Downloads:0Uploads:7 Thanks: 6]

#466527

<em>@arucardx 337503 wrote:</em><blockquote>For the colored border styles.
http://www.joomlart.com/forums/topic/item-variations/</blockquote>

Two more questions related with this.
Is it possible to change font style on “item-sticky” items?
Can we add new colors?

Thank you!!

[arucardx Friend arucardxJoin date: July 2010Posts: 346Downloads:0Uploads:10 Thanks: 21 Thanked: 138 times in 104 posts]

#466530

I dunno if it’s possible to insert a permanent column there, a support team member will have to answer that. Though you can try looking into ordering by featured first. So featured articles will always appear at the top.

For changing & adding of new styles, yes can change the font style as well as add new colors. You can find all the css style for item variation at templateja_wallcsstemplate.css search for “Item Style” or go to line 541. From the examples there, you should be able to create and customize your own styles.

I’ll just give you one example on how to change the font for sticky in articles.

Look for this code

.item.item-sticky .item-content {
background: url(../images/line2-bg.gif);
font-size: 14px;
line-height: 2em;
text-shadow: 1px 1px 0 rgba(255,255,255,.2);
}

Just replace font-size: 14px; to whatever size you want. Remember to clear your browser cache to see the new setting take effect. That will change the size for the intro text.

If you’re looking to change the title size, then look for this code.

.item.item-sticky .header h2 a {
color: #b60610
font-weight: normal;
}

Change the font-weight. You can find examples for font weight here. http://www.w3schools.com/cssref/pr_font_weight.asp

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#760470

Hi

Here is good reference for styling table: http://www.w3schools.com/css/css_table.asp

Cheers!!!

[ellie_t Friend ellie_tJoin date: March 2008Posts: 205Downloads:0Uploads:11 Thanked: 1 times in 1 posts]

#760767

Thanks. Am I supposed to put that in the css file.? when i add to the custom html module some of the code is stripped out and there’s no border as result.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#760789

The default editor often strips some HTML tags when you add in custom HTML module. Hence before adding these tags, try disable the default editor first via:

Backend > Sites > Global Configuration > Editor None

[Author]

Posts