Advertisement
sierre

Homepage Top Banner

Nov 24th, 2022 (edited)
331
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.78 KB | None | 0 0
  1. #cd-slider{
  2.     margin-bottom: 50px;
  3.     position:relative;
  4. }
  5.  
  6. .linkscontainer{
  7.       text-align: center;
  8.     display: inline-block;
  9.     position: absolute;
  10.     bottom: 74px;
  11.     left: 50%;
  12.     transform: translateX(-50%);
  13.     background-color: #fff;
  14.     padding: 14px;
  15. }
  16.  
  17. .linkscontainer p{
  18.     margin-bottom:0px;
  19. }
  20.  
  21. .custom-btn {
  22.     display:block;
  23. }
  24.  
  25. .custom-btn:hover {
  26.     color:#444!important;
  27. }
  28.  
  29. /*wpts 23774 start*/
  30.  
  31. /*Mobile version*/
  32. .linkscontainer a {
  33.     border: 1px #222222 solid;
  34.     padding: 6px;
  35. }
  36. .linkscontainer p.secondp {
  37.     margin-bottom: 10px;
  38. }
  39.  
  40. /*Tablet version*/
  41. @media only screen and (min-width: 700px) {
  42.     .linkscontainer  {
  43.     width: 455px;
  44.     height: 253px;
  45.     padding:30px 15px;
  46.     display: flex !important;
  47.     justify-content: center;
  48.     align-items: center;
  49.     font-size: 2.5rem;
  50.     flex-direction: column;
  51. }
  52.   .linkscontainer p.secondp {
  53.     margin-top: 25px;
  54. }
  55.   .linkscontainer a {
  56.     border: 1px solid black;
  57.     padding: 22px 20px;
  58.     margin-top: 22px;
  59. }
  60. }
  61.  
  62. /*Desktop version*/
  63. @media only screen and (min-width: 1000px) {
  64.     .linkscontainer  {
  65.     width:809px;
  66.     height:351px;
  67.     padding:30px 15px;
  68.     display: flex !important;
  69.     justify-content: center;
  70.     align-items: center;
  71.     font-size: 36px;
  72.     flex-direction: column;
  73. }
  74.   .linkscontainer p.secondp {
  75.     margin-top: 45px;
  76. }
  77.   .linkscontainer a {
  78.     border: 1px solid black;
  79.     padding: 32px 40px;
  80.     margin-top: 42px;
  81. }
  82. }
  83. /*wpts 23774 end*/
  84.  
  85. @media only screen and (max-width: 699px) {
  86.     .linkscontainer  {
  87.     font-size: 2rem;
  88.         padding:30px;
  89. }
  90.     .custom-btn {
  91.         margin-top:5%;
  92.     }
  93. }
  94.  
  95. @media only screen and (max-width: 480px) {
  96.     .linkscontainer  {
  97.         bottom:30px;
  98. }
  99.     .custom-btn {
  100.         margin-top:10%;
  101.         font-size:1.5rem;
  102.     }
  103. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement