Mackey I checked your site and the same "disabled" style Top arrow issue you had is no longer there. Did you fix it?
Announcement
Collapse
No announcement yet.
Post Footer Go To Top
Collapse
X
-
glennrocksvb Every style reports:- No replacement variables are defined for this style
Code:/* Set color of "Unread Topic" to bold red - START */ .unread a.topic-title {color:red !important;} /* Set color of "Unread Topic" to bold red - END */ /* Online icon "Glow" - START */ .b-userinfo__icon.online, .b-userinfo__icon.offline { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .b-icon__status--green { background: #0f0 !important; /* adjust online dot icon color as desired */ border-radius: 100%; /* set to 0 if you want the online dot icon to be a square and not round */ border: 2px solid #fff; box-sizing: border-box; } .b-icon__status--green:after { content: ''; border: 10px solid #6e9d00; /* adjust glow color as desired */ background: transparent; border-radius: 40px; height: 40px; width: 40px; position: absolute; top: -24px; /* adjust top coordinate to move glow vertically in postbit */ left: -22px; /* adjust left coordinate to move glow horizontally in postbit */ z-index: 1; opacity: 0; -webkit-animation: glow 3s ease-out infinite; animation: glow 3s ease-out infinite } .profile_sidebar_content .online-status.online { position: relative; } .profile_sidebar_content .b-icon__status--green:after { top: -19px; /* adjust top coordinate to move glow vertically on Profile page */ left: -24px /* adjust left coordinate to move glow horizontally on Profile page */ } @-webkit-keyframes glow { 0% { -webkit-transform: scale(0); opacity: 0 } 25% { -webkit-transform: scale(0); opacity: .1 } 50% { -webkit-transform: scale(.1); opacity: .3 } 75% { -webkit-transform: scale(.5); opacity: .5 } 100% { -webkit-transform: scale(1); opacity: 0 } } @keyframes glow { 0% { transform: scale(0); opacity: 0 } 25% { transform: scale(0); opacity: .1 } 50% { transform: scale(.1); opacity: .3 } 75% { transform: scale(.5); opacity: .5 } 100% { transform: scale(1); opacity: 0 } } /* Online icon "Glow" - END */ /* Hide Detailed IP Info link with Modal - START */ #vb-page-body:not([data-usergroupid="6"]) .resolveIpLink-new { display: none; } /* Hide Detailed IP Info link with Modal - END */ /* Go to Last Post Icon with Text - START */ .go-to-last-post { overflow: visible; text-indent: 0; background: no-repeat; height: auto; width: auto; margin-left: 2px; } .go-to-last-post::after { content: 'Last post'; /* Change text as desired */ font-size: 11px; } {vb:set imgdir_spriteiconsvb, {vb:stylevar imgdir_spriteiconsvb}} <vb:if condition="!empty($imgdir_spriteiconsvb)"> {vb:set spritepath, {vb:concat {vb:stylevar imgdir_spriteiconsvb}, "/sprite_icons_vb_", {vb:stylevar textdirection}, ".png?v=", {vb:var simpleversion} }} <vb:else /> {vb:set spritepath, {vb:spritepath sprite_icons_general.svg}} </vb:if> .go-to-last-post::before { content: ''; background: transparent url("{vb:raw spritepath}") no-repeat -320px -208px; width: 13px; height: 9px; display: inline-block; position: relative; top: 0.5px; } .go-to-last-post:hover { text-decoration: none !important; } .go-to-last-post:hover::after { text-decoration: underline !important; } /* Go to Last Post Icon with Text - END */ /* Topic Prefix custom style - START */ /* Common styles for all prefixes */ .js-topic-prefix [class^="prefix-"], .search-module-prefix [class^="prefix-"], .b-post__title [class^="prefix-"], .post-action-wrapper [class^="prefix-"] { padding: 2px; font-size: 11px; font-weight: bold; border-radius: 3px; position: relative; bottom: 2px; text-transform: uppercase; white-space: nowrap; } .post-action-wrapper [class^="prefix-"] { padding: 1px 2px; bottom: 1px; } .search-module-prefix [class^="prefix-"] { bottom: 1px; } .b-post__title [class^="prefix-"] { padding: 1px 2px; } /* Separate styles for each prefix type */ /* RGBA Color Picker @ https://rgbacolorpicker.com */ /* */ /* Distribution Showdown */ .js-topic-prefix .prefix-distribution_showdown, .search-module-prefix .prefix-distribution_showdown, .b-post__title .prefix-distribution_showdown, .post-action-wrapper .prefix-distribution_showdown { color: #fff; border: 1px solid #000000; background-color: rgba(0, 0, 0, .85); /* black */ } /* Geek News */ .js-topic-prefix .prefix-geek_news, .search-module-prefix .prefix-geek_news, .b-post__title .prefix-geek_news, .post-action-wrapper .prefix-geek_news { color: #fff; border: 1px solid #c8bfc4; background-color: rgba(200, 191, 196, .85); /* grey */ } /* Kubuntu or Linux Discussion */ .js-topic-prefix .prefix-kubuntu_or_linux_discuss, .search-module-prefix .prefix-kubuntu_or_linux_discuss, .b-post__title .prefix-kubuntu_or_linux_discuss, .post-action-wrapper .prefix-kubuntu_or_linux_discuss { color: #fff; border: 1px solid #ed143d; background-color: rgba(237, 20, 61, .85); /* red */ } /* The Water Cooler */ .js-topic-prefix .prefix-the_water_cooler, .search-module-prefix .prefix-the_water_cooler, .b-post__title .prefix-the_water_cooler, .post-action-wrapper .prefix-the_water_cooler { color: #fff; border: 1px solid #27aef5; background-color: rgba(39, 174, 245, .85); /* blue */ } /* Kubuntu User Testimony */ .js-topic-prefix .prefix-kubuntu_user_testimony, .search-module-prefix .prefix-kubuntu_user_testimony, .b-post__title .prefix-kubuntu_user_testimony, .post-action-wrapper .prefix-kubuntu_user_testimony { color: #fff; border: 1px solid #f59d27; background-color: rgba(245, 157, 39, .85); /* orange */ } /* Next Release Discussion */ .js-topic-prefix .prefix-next_release_discuss, .search-module-prefix .prefix-next_release_discuss, .b-post__title .prefix-next_release_discuss, .post-action-wrapper .prefix-next_release_discuss { color: #fff; border: 1px solid #008000; background-color: rgba(0, 128, 0, .85); /* green */ } /* Topic Prefix custom style - END */ /* Position Search Box - START */ #header { position: relative; } #header .header-cell { width: 100%; } #header .site-logo, #header .site-logo img { max-width: 100%; } /* makes logo spans the width of the header */ #header .site-logo { padding: 0; } /* remove padding around the banner logo */ #header .toolbar { position: absolute; right: 0; /* for LTR languages (change right to left for RTL; stylevar left/right doesn't work in css_additional) */ bottom: -64px; /* you may need to adjust this accordingly */ padding: 0; width: auto; } /* reduce search box width from 168px to 120px or any size if you want */ .search-container .search-box .search-term { width: 120px; } /* Position Search Box - END */
The Linux Community has given me much. I do what I can to return the favor!
- Top
- Translate
- Bottom
Comment
-
I've eliminated any code in css_additional.css. I removed all the code there, and the color of the up triangle didn't change; it remains 'light'. I also eliminated the current Style being responsible; I checked with several others, including the Default. The color of the up triangle remains 'light'. Something else is causing this. It doesn't happen here, so...The Linux Community has given me much. I do what I can to return the favor!
- Top
- Translate
- Bottom
Comment
-
It's not a css_additional issue. The issue is if you view the HTML source (right-click > View page source), you'll see "b-icon--disabled" in the Top button class attribute. This is the raw HTML source generated from the server which means this class is being added directly from server-side (template or PHP) and not client-side (Javascript). Check the mod template "hook_gototop" in the Style Manager and see if it's modified and if it contains "b-icon--disabled". I double-checked the default mod template from the product XML and I confirmed that it doesn't have that class.Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
-
glennrocksvb Thank you. I just checked the Style I'm using and "hook_gototop" isn't modified but it does reflect "b-icon--disabled". When I'm looking at "hook_gototop", it says that it's coming from your Post Footer Go To Top by vBMods.rocks. Is that correct? Looking at the .xml file for that MOD I don't find "b-icon--disabled".The Linux Community has given me much. I do what I can to return the favor!
- Top
- Translate
- Bottom
Comment
-
It's weird that the hook_gototop template contains "b-icon--disabled" but isn't modified. Try uninstalling the Post Footer Go To Top mod and then confirm that the hook_gototop template no longer exists. Once the mod is totally removed, re-install it. After installing, confirm that the hook_gototop template doesn't contain "b-icon--disabled".Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
-
glennrocksvb Thank you. Done. Uninstalled the MOD. Checked our site, and Go to Top in post footer gone. Looked for hook_gototop in templates. Didn't exist. Reinstalled the MOD. Checked our site, and Go to Top in post footer present, with the up triangle still 'light'. Checked for hook_gototop in templates. It exists. This is what it contains:
Code:<li class="h-margin-top-xs b-post-control b-post-control--responsive js-post-footer-go-to-top js-comp-menu--exclude-from-dropdown" style="float:{vb:stylevar right};"> <span class="b-icon b-icon__arrow-up-s b-post-control__icon b-icon--disabled"></span><span class="b-post-control__label">{vb:phrase top}</span> </li>
The Linux Community has given me much. I do what I can to return the favor!
- Top
- Translate
- Bottom
Comment
-
glennrocksvb It does!
Code:<template name="hook_gototop" templatetype="template" date="1528958258" username="vBMods.rocks" version="1.0"><![CDATA[<li class="h-margin-top-xs b-post-control b-post-control--responsive js-post-footer-go-to-top js-comp-menu--exclude-from-dropdown" style="float:{vb:stylevar right};"> <span class="b-icon b-icon__arrow-up-s b-post-control__icon b-icon--disabled"></span><span class="b-post-control__label">{vb:phrase top}</span> </li>]]></template>
The Linux Community has given me much. I do what I can to return the favor!
- Top
- Translate
- Bottom
Comment
-
glennrocksvb Just remove "b-icon--disabled" ?
Yup. That's it. Deleted it from the .xml. Installed again with Allow Overwrite 'Yes'. The up triangle is now 'dark'.
Thank you.The Linux Community has given me much. I do what I can to return the favor!
- Top
- Translate
- Bottom
Comment
-
Released v1.1 to remove the the "b-icon--disabled" that was causing the arrow to be grayed out. First post updated to reflect this change.Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
- Likes 2
Comment
Users Viewing This Page
Collapse
There is 1 user viewing this forum topic.
- Guest
Latest Posts
Collapse
-
Reply to Topic Starter Ribbon for vBCloudby glennrocksvbThanks for reporting. I'll bookmark this post and check the issue.04-22-2024, 06:40 PM
-
Reply to Topic Starter Ribbon for vBCloudby MitchIt seems since the 6.0.4 update the topic starter is no longer working04-22-2024, 05:02 PM
Comment