SOLVED How to edit "element.style" attributes?
-
-
- GinA
- Newbie
- Posts: 18
- Thanks: 0
-
I'm using RT_Radiance template via RocketLauncher on Joomla 3.4.1.
I have discovered a bug which incorrectly moves the location of the "remember me" checkbox to the left -10000px which thereby disables the "remember me" feature because the checkbox is not visible or accessible on the page.
I've used developer tools to confirm the checkbox is too far to the left and I have relocated it by changing the code in my browser but I cannot seem to find the source file to change the hard-coded element.style attribute.
The code I am trying to change is from the JomSocial guest frontpage (and other internal pages where the checkbox is supposed to appear):
<label for="remember" class="checkbox inline rokchecks rokremember rokchecks-active"> <input type="checkbox" alt="Remember Me" value="yes" id="remember" name="remember" tabindex="4" style="position: absolute; left: -10000px;"> Remember Me </label>
I want to change the "position:absolute" to "position:initial" or "position:static" so the checkbox is placed on the page in its proper position.
How do I change the "element.style", or create CSS code to override the absolute -10000px position?
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13482
- Web Designer/Developer
-
element.style is firebug's way of telling you that the styling has been done directly on the html tag (either in the code or via JS). It's harder to override inline styling but it can be done. But i'm curious why that has been done.
Please would you post your URL, superuser id and pswd in the secure tab of your post and i'll have a look for you.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- GinA
- Newbie
- Posts: 18
- Thanks: 0
-
Thank you for your quick response.
I have posted my URL, user and pass in the secure tab of this post.
I am developing my site on localhost with dyndns so there is no cpanel right now but you should be able to log into the backend with administrator credentials through the URL posted in my secure tab.
Please let me know which files you need to access to fix this bug.
Thank you. - Last Edit: 9 years 4 months ago by GinA.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13482
- Web Designer/Developer
-
Ok this will get around the issue:
This is how to create a custom CSS compatible with Gantry 4...body input#remember { left: auto !important; }
Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_iridescent would be rt_iridescent-custom.css). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"
But... I really think you should ask jomsocial for help - because it looks to me like either that is wrong or some JS is not firing that should be. Sorry but RT doesn't provide support for third-party products.
Hopefully the above does help you though.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- GinA
- Newbie
- Posts: 18
- Thanks: 0
-
thank you again for the quick response. I have not yet tried your patch but wanted to respond with further corroboration that I believe this is a RocketTheme template issue because it also occurs on an internal page NOT created, controlled or associated with JomSocial in any way.
I have pasted that URL in the secure tab which you can only access AFTER logging in with the provided credentials.
You will notice a table of items at the bottom of the page which should EACH have a checkbox to the immediate left of EACH item. This table is not associated with JomSocial in any way and only uses RocketTheme's template for its output html, so I believe this is in fact a RocketTheme bug ...
<input name="filter_amenities[]" id="amenity1" type="checkbox" value="1" style="position: absolute; left: -10000px;">
element.style { position: absolute; left: -10000px;
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13482
- Web Designer/Developer
-
It is a jomsocial issue. You have a plugin called "azrul system mambot for joomla" (which I believe is installed as part of jomsocial?). Once I disabled that extension then all the pages work fine - I have left it disabled so you can see it now works.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- GinA
- Newbie
- Posts: 18
- Thanks: 0
-
I applied the change to my rt_radiance-custom.css file which fixed my JomSocial guest frontpage checkbox, but the other checkboxes on the "search" page are still controlled by the "-100000px" attribute.
Your code did not have any affect on the checkboxes on the search page ...
I await your feedback.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13482
- Web Designer/Developer
-
see above.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- GinA
- Newbie
- Posts: 18
- Thanks: 0
-
I have confirmed your CSS code does not change the checkboxes on the other internal page(s) not associated with JomSocial.
I have confirmed the "azrul system mambot for joomla" is deactivated.
I am using Joomla Real Estate which is relying upon "element.style" to position the checkboxes on a table of amenities to select for searches. Those checkboxes are not currently accessible because the "element.style" attribute is pushing the checkboxes off the screen at -10000px as shown in the attached screenshots
I am familiar with using rt_radiance-custom.css to override CSS, but I am not sure how to rewrite the current "element.style" attribute to apply to all pages which include the checkbox input element.
<input name="filter_amenities[]" id="amenity1" type="checkbox" value="1" style="position: absolute; left: -10000px;">
element.style { position: absolute; left: -10000px;
-
-
-
- GinA
- Newbie
- Posts: 18
- Thanks: 0
-
I just changed the location of the "search with map" menu item outside of the JomSocial application to eliminate JomSocial from the equation.
The table still does not show the checkboxes even though there is no association whatsoever between JomSocial and the search page.
If you log in you will see "Properties" and "Search with Map" as a submenu off the main RT toolbar ...
I await the new CSS code to fix this problem site-wide ...
-
Time to create page: 0.059 seconds