#2529 bottom to top scroll button styling is improved and translater …

…text is removed #2529 bottom to top scroll button styling is improved and translater text is removed
ahmedkaludi · Jan 5, 2019 · 3ecd37f · 3ecd37f
1 parent a279c00
commit 3ecd37f
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 40 deletions.
diff --git a/components/components-core.php b/components/components-core.php
@@ -428,7 +428,7 @@ function amp_non_amp_link(){
 function amp_back_to_top_link(){
 	 global $redux_builder_amp;
     if( '1' == $redux_builder_amp['ampforwp-footer-top'] ) { ?>
-        <a id="scrollToTopButton" title="back to top" on="tap:backtotop.scrollTo(duration=500)" class="btt" ><?php echo ampforwp_translation( $redux_builder_amp['amp-translator-top-text'], 'Top'); ?></a> 
+        <a id="scrollToTopButton" title="back to top" on="tap:backtotop.scrollTo(duration=500)" class="btt" ></a> 
         <amp-animation id="showAnim"
 		  layout="nodisplay">
 		  <script type="application/json">

diff --git a/templates/design-manager/design-1/style.php b/templates/design-manager/design-1/style.php
@@ -336,25 +336,27 @@
     max-width: 1000px;
 }
 <?php } ?>
-<?php // Back to Top CSS //
+<?php // Back to Top CSS // padding:16px 15px 11px 17px;
 if( '1' == $redux_builder_amp['ampforwp-footer-top'] ) { ?>
   .btt{
-    position: fixed;
-      bottom: 50px;
-      right: 10px;
-      padding: 9px 10px 6px 10px;
-      background: <?php echo $redux_builder_amp['swift-color-scheme']['color']; ?>;
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      background: rgba(71, 71, 71, 0.5);
       color: #fff;
-      border-radius: 5px;
+      border-radius: 100%;
+      width: 50px;
+      height: 50px;
   }
-  .btt:hover{color:#fff;}
+  .btt:hover{color:#fff;background:#474747;}
   .btt:before{
     content: '\25be';
-    display:block;
-    font-size: 20px;
+    display: block;
+    font-size: 35px;
     font-weight: 600;
-    color:#fff;
-    line-height: 1;
+    color: #fff;
     transform: rotate(180deg);
+    text-align: center;
+    line-height: 1.5;
   }
 <?php } ?>
diff --git a/templates/design-manager/design-2/style.php b/templates/design-manager/design-2/style.php
@@ -429,21 +429,24 @@
 <?php // Back to Top CSS //
 if( '1' == $redux_builder_amp['ampforwp-footer-top'] ) { ?>
   .btt{
-    position: fixed;
-      bottom: 50px;
-      right: 10px;
-      padding: 8px 10px 6px 10px;
-      background: <?php echo $redux_builder_amp['swift-color-scheme']['color']; ?>;
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      background: rgba(71, 71, 71, 0.5);
       color: #fff;
-      border-radius: 5px;
+      border-radius: 100%;
+      width: 50px;
+      height: 50px;
   }
+  .btt:hover{color:#fff;background:#474747;}
   .btt:before{
     content: '\25be';
-    display:block;
-    font-size: 20px;
+    display: block;
+    font-size: 35px;
     font-weight: 600;
-    color:#fff;
-    line-height: 1;
+    color: #fff;
     transform: rotate(180deg);
+    text-align: center;
+    line-height: 1.4;
   }
 <?php } ?>
diff --git a/templates/design-manager/design-3/style.php b/templates/design-manager/design-3/style.php
@@ -652,21 +652,24 @@
 <?php // Back to Top CSS //
 if( '1' == $redux_builder_amp['ampforwp-footer-top'] ) { ?>
   .btt{
-    position: fixed;
-      bottom: 50px;
-      right: 10px;
-      padding: 10px;
-      background: <?php echo $redux_builder_amp['swift-color-scheme']['color']; ?>;
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      background: rgba(71, 71, 71, 0.5);
       color: #fff;
-      border-radius: 5px;
+      border-radius: 100%;
+      width: 50px;
+      height: 50px;
   }
+  .btt:hover{color:#fff;background:#474747;}
   .btt:before{
     content: '\25be';
-    display:block;
-    font-size: 20px;
+    display: block;
+    font-size: 35px;
     font-weight: 600;
-    color:#fff;
-    line-height: 1;
+    color: #fff;
     transform: rotate(180deg);
+    text-align: center;
+    line-height: 1.4;
   }
 <?php } ?>
diff --git a/templates/design-manager/swift/style.php b/templates/design-manager/swift/style.php
@@ -1139,13 +1139,28 @@
 	    color: #fff;
 	    border-radius: 5px;
 	}
-	.btt:before{
-		content: "\e316";
-    	font-family: 'icomoon';
-		display:block;
-		font-size: 20px;
-    	font-weight: 600;
-	}
+	.btt{
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      background: rgba(71, 71, 71, 0.5);
+      color: #fff;
+      border-radius: 100%;
+      width: 50px;
+      height: 50px;
+  }
+  .btt:hover{color:#fff;background:#474747;}
+  .btt:before{
+    content: "\e316";
+   	font-family: 'icomoon';
+    display:block;
+    font-size: 30px;
+    font-weight: 600;
+    color:#fff;
+    text-align: center;
+    line-height: 1;
+  }
+  .rr a#scrollToTopButton{color:#fff;}
 <?php } ?>
 <?php /*** New footer Features ***/
 if( isset($redux_builder_amp['footer-customize-options']) && true ==  $redux_builder_amp['footer-customize-options']) { ?>