Categories
Categories:   All Categories
Suggested keywords
x
New

CSS or script bug in List View?

JEvents (Free Access)
  JEvents (Free Access)
rlerner
  rlerner
  Tuesday, 01 September 2015
  7 Replies
  1.6K Visits
0
Votes
Undo
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
Oldest First  
tonyp
tonyp
Tuesday, 01 September 2015 17:27
·
#155350
0
Votes
Undo
Hello,

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

Thanks
Tony
JEvents Club members can get priority forum support at the Support Forum. As well as access to a variety of custom JEvents addons and benefits. Join the JEvents club today!Join the JEvents club today!
rlerner
rlerner
Monday, 07 September 2015 16:25
·
#155351
0
Votes
Undo
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
tonyp
tonyp
Monday, 07 September 2015 23:33
·
#155352
0
Votes
Undo
I can't see that issue on your site. Do you have a specific page?

thanks
Tony
JEvents Club members can get priority forum support at the Support Forum. As well as access to a variety of custom JEvents addons and benefits. Join the JEvents club today!Join the JEvents club today!
rlerner
rlerner
Tuesday, 08 September 2015 01:43
·
#155353
0
Votes
Undo
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
tonyp
tonyp
Tuesday, 08 September 2015 09:08
·
#155354
0
Votes
Undo
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
JEvents Club members can get priority forum support at the Support Forum. As well as access to a variety of custom JEvents addons and benefits. Join the JEvents club today!Join the JEvents club today!
rlerner
rlerner
Tuesday, 08 September 2015 11:46
·
#155355
0
Votes
Undo
Tony - That did the trick. Appreciate the quick fix. Great component & great support. Thanks again.
tonyp
tonyp
Wednesday, 09 September 2015 00:37
·
#155356
0
Votes
Undo
You are very welcome!

Many thanks
Tony
JEvents Club members can get priority forum support at the Support Forum. As well as access to a variety of custom JEvents addons and benefits. Join the JEvents club today!Join the JEvents club today!
  • Page :
  • 1
There are no replies made for this post yet.