CSS or script bug in List View?
By Guest on Tuesday, 01 September 2015
Posted in JEvents (Free Access)
Replies 7
Likes 0
Views 1.6K
Votes 0
Seems to be a CSS issue displaying the button at the bottom of ListView (image attached). Shows 3 images/button. Noticed it in both FF & IE. Clean install on a new site. I imagine this was intended to slide the button up/down depending on a script on page. Can look into when I get the rest of the site together, but can't come up for air this week. Just an FYI, not critical at the moment. May just swap out the buttons since we are not using any other display formats.



PHP Version : 5.4.34

MySQL Version : 5.1.73-cll

Fix jQuery? : Yes

Load JEvents Bootstrap CSS? : Yes

Load JEvents Bootstrap JS? : Yes

Max Input Vars ? : 1000

Club code set? : No  

User Agent : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:40.0) Gecko/20100101 Firefox/40.0  

Joomla : 3.4.3

component_com_jevents : 3.4.0RC5

component_com_jce : 2.5.2

module_mod_jevents_cal : 3.4.0RC5

module_mod_jevents_custom : 3.4.0RC5

module_mod_jevents_filter : 3.4.0RC5

module_mod_jevents_latest : 3.4.0RC5

module_mod_jevents_legend : 3.4.0RC5

module_mod_jevents_switchview : 3.4.0RC5

plugin_content_jevents : 3.4.0RC5

plugin_finder_jevents : 3.4.0RC5 (not enabled)

plugin_search_eventsearch : 3.4.0RC5

plugin_system_gwejson : 3.4.0RC5
Hello,

it's just caused by conflicting CSS from your template and out component I suspect. A link will help :-)

Thanks
Tony
Guest
·
Tuesday, 01 September 2015 17:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Can't post domain, too new. It's xemplarclub dot org

DETAILS FOR BACK BUTTON:

ELEMENT INFO:
html>body>div#rt-main-surround>div#rt-main>div>div>div>div#rt-mainbody>div>div#jevents>div#jevents_body>form#adminForm>div#eventlist>div>div>ul>li>span>span

CSS:

..DOMAIN/media/com_jevents/css/bootstrap.css

/* Line 1929 */
.jevbootstrap [class^="icon-"], .jevbootstrap [class*=" icon-"]
{
display: inline-block;
width: 14px;
height: 14px;
margin-top: 1px;
line-height: 14px;
vertical-align: text-top;
background-image: url("../images/glyphicons-halflings.png");
background-position: 14px 14px;
background-repeat: no-repeat;
}

/* Line 2165 */
.jevbootstrap .icon-step-backward
{
background-position: -192px -72px;
}
..DOMAIN/templates/rt_quasar/css/template.css

/* Line 166 */
.component-content .pagination ul li span, .component-content .pagination ul li a
{
font-size: 1.2em;
line-height: 1.8em;
}
ANCESTORS

html
body.backgroundlevel-med.bodylevel-med.cssstyle-style4.font-family-trebuchet.font-size-is-large.col12
div#rt-showcase
div.rt-container
div.rt-grid-12.rt-alpha.rt-omega
div.rt-block
div.module-surround
div.module-content
div#horizmenu-surround
ul.menutop.level1
li.item175.root.item175-sfHover.root-sfHover.item175-root--sfHover.sfHover
Guest
·
Monday, 07 September 2015 16:25
·
0 Likes
·
0 Votes
·
0 Comments
·
I can't see that issue on your site. Do you have a specific page?

thanks
Tony
Guest
·
Monday, 07 September 2015 23:33
·
0 Likes
·
0 Votes
·
0 Comments
·
I had changed out the image file, deleting the undesired ones from glyphicons-halflings.png

Just changed it back so you can see. Can leave it that way for a bit, but need to go live tomorrow.

It's on the calendar page: xemplarclub dot org/index.php?option=com_jevents&task=list.events&layout=events&Itemid=175
Guest
·
Tuesday, 08 September 2015 01:43
·
0 Likes
·
0 Votes
·
0 Comments
·
Can you add:



.jev_pagination ul.pagination-list li {margin-right:-10px;} 

.jev_pagination ul.pagination-list li , .jev_pagination ul.pagination-list li span {background-image:none;line-height:1.2em !important;}

.jev_pagination ul.pagination-list li span {}

.jev_pagination ul.pagination-list li.active span {padding: 6px 10px;}

.jev_pagination ul.pagination-list li a {line-height:1.2em !important;padding: 6px 10px;}

.jev_pagination ul.pagination-list li a span {padding:0px !important;margin:0px;}

.jev_pagination ul.pagination-list li a.hasTooltip {padding:4.5px 10px !important;}


To your JEvents Custom CSS

Thanks
Tony
Guest
·
Tuesday, 08 September 2015 09:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Tony - That did the trick. Appreciate the quick fix. Great component & great support. Thanks again.
Guest
·
Tuesday, 08 September 2015 11:46
·
0 Likes
·
0 Votes
·
0 Comments
·
You are very welcome!

Many thanks
Tony
Guest
·
Wednesday, 09 September 2015 00:37
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post