CSS - Basic Header & General Body

PHOTO EMBED

Wed Jan 19 2022 03:13:56 GMT+0000 (UTC)

Saved by @dwtut #css

@media(min-width: 860px){
  header .pp-advanced-menu ul.menu > li.menu-item > a{
    position: relative;
  }
  header .pp-advanced-menu ul.menu > li.menu-item > a:before{
      position: absolute;
      width: 0;
      height: 2px;
      content: "";
      bottom: -10px;
      left: 50%;
      transform: translatex(-50%);
      -webkit-transform: translatex(-50%);
      -moz-transform: translatex(-50%);
      background-color: #EF9A9A;
      border-radius: 5px;
      transition: 0.6s width ease;
  }
  header .pp-advanced-menu ul.menu > li.menu-item > a:hover:before,
  header .pp-advanced-menu ul.menu > li.active > a:before{
      width: 25px;
  }
  header .pp-advanced-menu ul.menu > li.active > a{
      color: #EF9A9A !important;
  }
}
header.fl-theme-builder-header-shrink .fl-row-content-wrap {
    box-shadow: 0 1px 25px rgba(57,63,72,.1);
    padding: 10px 20px;
}
header .menu > li.menu-item:last-child{
    display: none;
}
header .pp-advanced-menu ul.menu > li.menu-item{
    position: relative;
}
header .pp-advanced-menu ul.menu > li.menu-item > a{
    transition: all .3s ease-in-out;
}
.fl-page a{
    text-decoration: none !important;
    transition: all .3s ease-in-out;
}
.fl-rich-text p{
  margin-bottom: 0;
}
.fl-rich-text p:not(:first-child){
    margin-top: 25px;
}
a.fl-button{
    transition: all .3s ease-in-out;
}
content_copyCOPY

Adding line under menu, adding box shadow on scrolling menu, adding some basic style for buttons transition and paragraph space

https://www.thetinygirl.com/wp-admin/post.php?post