Joomla Templates Club 406,261 posts

[optimus74 Friend optimus74Join date: May 2012Posts: 41Downloads:0Uploads:13 Thanks: 17 Thanked: 1 times in 1 posts]

#188658

Hello,

I have setted up two modules in position 5, one is the Custom Html Module showing a welcome message and another is the Content Slider Module showing diferents articles, but the arrow icons don´t show correctly.

In the case of the customed html module, instead an arrow it shows the “read more” text and in the case of the content slider module the arrows are appearing outside the module area.

I would like some hel on this please, thank you very much.

---

Attachments:

1. 
2. 

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

#497904

Hi optimus74,

So that I can try to best assist you, please provide the url of the site you’re working on

1 user says Thank You to Saguaros for this useful post

1. optimus74

[optimus74 Friend optimus74Join date: May 2012Posts: 41Downloads:0Uploads:13 Thanks: 17 Thanked: 1 times in 1 posts]

#498746

Hi Saguaros, sorry for the delay in my answer, I have just sent you my url, thank you so much!!

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

#498784

Hi

– With the ‘Welcome’ custom HTML module > Custom Output:


<p class="readmore"><a class="btn" href="#" title="Read more">Read more</a></p>


Make sure that you have CSS class named btn like above

– The next and previous buttons are not outside the module area, this due to the background of the div containing these 2 arrows, it’s the same with background of your whole site so it makes you feeling that its out of module area:

you can change its background to another color and see the different

It’s defined in : templates/ja_mero/css/themes/light/mod_jacontentslider.css around line 68


.ja-button-control {
background: none repeat scroll 0 0 #F5F5F5 <<<< you can change here
border-top: 1px solid #EEEEEE
height: 40px;
position: relative;
width: 100%;
}


Hope this makes senses.

1 user says Thank You to Saguaros for this useful post

1. optimus74

[optimus74 Friend optimus74Join date: May 2012Posts: 41Downloads:0Uploads:13 Thanks: 17 Thanked: 1 times in 1 posts]

#499199

Hello Saguaros,

Sorry for the delay in my answer, I could finally solve it, with your help!!

Thank you so much!! :):)

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

#499200

Glad it helps 🙂

[Author]

Posts