Joomla Templates Club 406,261 posts

[freissmann Developer freissmannJoin date: February 2011Posts: 294Downloads:0Uploads:71 Thanks: 79 Thanked: 29 times in 1 posts]

#175510

Hi,

we need to achive the following two adjustments within the slideshow module (see attachment).

1. Change the “yellow stars” to white squares (somehow its not that easy?!)
2. Change the color of the small triangle

Link to dev-site here.

Any ideas?
Thanks in advance!

---

Attachments:

1. 

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

#446137

Greetings Frank:

For the blue arrows within your slideshow item list, look to the following path –> /templates/ja_ores/css/typo.css

at line 110, you will see the following:

<blockquote>ul.bookmark-links li {
background: url(../images/arrow.png) no-repeat 0px 10px !important;
border-bottom: 1px dotted #e6e6e6;
padding: 5px 0 5px 10px !important;
}
</blockquote>

This is what is generating those arrows. As you can see, you can modify the item within the “background” property

As for the stars within the slideshow images themselves, look to line 90 within the same CSS file indicated above:

<blockquote>ul.checklist span.icon, ul.star span.icon, ul.arrow span.icon,
ul.address span.icon, ul.phone span.icon, ul.email span.icon {
background-image: url(../images/icons/icons-sprites-silk.png);
/*background-image: url(../images/icons/icons-sprites-tango.png);*/
background-repeat: no-repeat;
width: 18px;
height: 18px;
display: block;
position: absolute;
top: 0;
left: 0;
}
</blockquote>

As you can see, the arrows are icons that can/should be found within your images/icons folder.
You can modify the icon image accordingly – replacing the star(s) with an image icon of your choosing.

Hope That Helps

[Author]

Posts