After poking around for an hour I figured out how to create and add widgets and get them to function. I was then able to delete that footer-menu which I really no longer need.

One more question- I have the social icons highlighted in the theme footer layout area and they appear. But the icons are VERY small. Is there any way to increase these icon sizes?

Thank you but its not solution for me. I don’t footer widgets. They are disabled. I use only footer socket and I wanna those WPML flags there. In the same line with copyright and social media icons.

Ok, so what do I need to do the have a widget area in the header, next to the social icons?

Hi,

I have managed to replicate most of the stuff but still struggling with the following.

1). bring the social icons in one line instead of one column and space them out nicely
2). the text is stretched too much and i would like to have it in line with the other text on the pages.
3). gap at the top and the bottom of widget is too small

Please can someone urgently help me with this so that I can finalise this job.

Kind regards,

Hi Victoria,

thanks for your reply.
Yes I deleted it, because this website is already live. But maybe you can try the one in the private content. I don’t need it in the socket, just in the footer, but I know how to solve this. It would be just great to get an answer to my original question.
And I have a second question now. The customer also wants to see the social media icons on the right side of the page like a small bar. It has to stay there even, when you scoll down. So position: fixed. But would you also solve it with a widget, which appears in the content area? It should look like it looks here on this page. https://www.t-systems.com/de/de

Thanks so much for your support!

Monika

Off topic: Custom HTML widget with this code:

<ul class="noLightbox social_bookmarks icon_count_3">
	<li class="social_bookmarks_facebook av-social-link-facebook social_icon_1">
	<a target="_blank" href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook">
	<span class="avia_hidden_link_text">
	Facebook</span>
</a>
</li>
<li class="social_bookmarks_twitter av-social-link-twitter social_icon_2">
	<a target="_blank" href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter">
	<span class="avia_hidden_link_text">
	Twitter</span>
</a>
</li>
<li class="social_bookmarks_youtube av-social-link-youtube social_icon_6">
	<a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Youtube">
	<span class="avia_hidden_link_text">
	Youtube</span>
</a>
</li>
</ul>

I was hoping to manage the icons in one place and put them in various by using what I am already using in the header and footer with Theme Options > Social Profiles. Is there no way to add those to a page using a widget or short code? Thanks again for your help, Jordan! – Perry

im not abble to generate a critical css that dont break my site
i followed this steps https://www.wpfaster.org/blog/how-to-use-autoptimize-inline-and-defer-css-option and generate this critical, but it still broking the theme
https://www.isopasse.com.br/

span.onsale {
  background: #7e9a47;
  min-height: 32px;
  min-width: 32px;
  padding: 4px;
  font-size: 12px;
  position: absolute;
  text-align: center;
  line-height: 32px;
  top: 6px;
  left: 6px;
  margin: 0;
  border-radius: 20px;
}

ul.products li .onsale {
  top: 0;
  right: 0;
  left: auto;
  margin: -6px -6px 0 0;
}

.cart_dropdown {
  position: absolute;
  right: -60px;
  height: 46px;
  width: 46px;
  line-height: 46px;
  text-decoration: none;
  text-align: center;
  top: 50%;
  margin: -23px 0 0 0;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  font-weight: normal;
  z-index: 101;
}

.cart_dropdown_first {
  line-height: 38px;
  padding: 0;
}

.cart_dropdown_first .cart_dropdown_link {
  display: block;
  padding: 0;
  text-decoration: none;
  line-height: 44px;
  font-size: 15px;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.cart_dropdown .dropdown_widget {
  clear: both;
  position: absolute;
  right: 7px;
  top: 0;
  width: 280px;
  line-height: 18px;
  display: none;
  padding-top: 54px;
}

.cart_dropdown .dropdown_widget .widget_shopping_cart_content {
  padding: 0;
  box-shadow: 0 10px 15px rgba(0,0,0,0.1);
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  text-align: left;
  border-radius: 2px;
}

.cart_dropdown .dropdown_widget .avia-arrow {
  top: 49px;
  left: auto;
  margin-left: 0;
  border-bottom: 0;
  border-right: 0;
  right: 10px;
}

.html_cart_at_menu.html_header_top #top .main_menu {
  right: 0;
}

#menu-item-shop.cart_dropdown {
  right: 0;
  top: 0;
  margin: 0;
  height: auto;
  border-top: 0;
  border-radius: 0;
  width: auto;
  position: relative;
  float: left;
}

.html_header_top #menu-item-shop.cart_dropdown {
  border-bottom: 0;
}

#menu-item-shop .cart_dropdown_link {
  background: transparent;
  margin: 0;
  left: 0;
  color: inherit;
  position: relative;
  width: auto;
  padding: 0 38px;
  float: left;
  line-height: 88px;
}

#menu-item-shop .dropdown_widget {
  right: -1px;
  top: 100%;
  padding: 0;
  margin-top: -1px;
}

.av_minimal_header #menu-item-shop .dropdown_widget {
  margin-top: 0;
}

#menu-item-shop .dropdown_widget .avia-arrow {
  top: -5px;
  right: 40px;
}

.html_cart_at_menu.html_main_nav_header #top .main_menu .menu>li:last-child {
  padding-right: 13px;
  margin-right: 20px;
}

#top .onsale {
  background: rgba(0,0,0,.8);
  z-index: 10;
  color: #FFF;
  background: #7e9a47;
  top: 17px;
  right: 8px;
  left: auto;
  margin: 0;
  min-width: 40px;
}

.avia-bullet {
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  top: 51%;
  margin-top: -3px;
  left: -3px;
  border-top: 3px solid transparent !important;
  border-bottom: 3px solid transparent !important;
  border-left: 3px solid green;
}

#top div .dropdown_widget_cart {
  display: none;
  -webkit-perspective: 1000px;
  -webkit-backface-visibility: hidden;
}

#top .av-cart-counter {
  position: absolute;
  top: 50%;
  left: 54%;
  height: 16px;
  padding: 0 5px;
  line-height: 16px;
  border-radius: 54px;
  font-size: 11px;
  background: #333;
  color: #fff;
  text-align: center;
  margin: -20px 0 0 2px;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  opacity: 0;
}

@media only screen and (max-width:767px) {
  .responsive #top .cart_dropdown {
    position: absolute;
    top: 50%;
    margin-top: -23px;
  }

  .responsive #top #menu-item-shop.cart_dropdown {
    margin: 0;
    top: 0;
    border: 0;
    height: 100%;
    width: auto;
    line-height: 80px;
    position: static;
    margin-left: -39px;
  }

  .responsive #top #menu-item-shop .cart_dropdown_link {
    line-height: 80px;
  }

  .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child {
    padding-right: 13px;
    margin-right: 20px;
  }
}

html {
  min-width: 910px;
}

html.responsive {
  min-width: 0;
}

.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 50px;
  clear: both;
}

.inner-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.container_wrap {
  clear: both;
  position: relative;
  border-top-style: solid;
  border-top-width: 1px;
}

.units {
  float: left;
  display: inline;
  margin-left: 50px;
  position: relative;
  z-index: 1;
  min-height: 1px;
}

#wrap_all {
  width: 100%;
  position: static;
  z-index: 2;
  overflow: hidden;
}

body .units.alpha,
body div .first {
  margin-left: 0;
  clear: left;
}

body .units.alpha {
  width: 100%;
}

.container .av-content-full.units {
  width: 100%;
}

.container {
  max-width: 1010px;
}

@media only screen and (min-width:768px) and (max-width:989px) {
  .responsive #top {
    overflow-x: hidden;
  }

  .responsive .container {
    max-width: 782px;
  }
}

@media only screen and (max-width:767px) {
  .responsive #top {
    overflow-x: hidden;
  }

  .responsive #top #wrap_all .container {
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }

  .responsive .units {
    margin: 0;
  }

  .responsive #top #wrap_all .flex_column {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix:before,
.clearfix:after,
.flex_column:before,
.flex_column:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.flex_column:after,
.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

body div .first {
  margin-left: 0;
}

div .flex_column {
  z-index: 1;
  float: left;
  position: relative;
  min-height: 1px;
  width: 100%;
}

div .av_one_third {
  margin-left: 6%;
  width: 29.333333333333332%;
}

html,
body,
div,
span,
h3,
p,
a,
img,
strong,
ul,
li,
article,
footer,
header,
nav {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
footer,
header,
nav {
  display: block;
}

body {
  line-height: 1em;
}

ul {
  list-style: none;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html.responsive,
.responsive body {
  overflow-x: hidden;
}

body {
  font: 13px/1.65em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #444;
  -webkit-text-size-adjust: 100%;
}

.helvetica-websave {
  font-family: Helvetica,"HelveticaNeue","Helvetica Neue",Arial,Verdana,sans-serif;
}

h3 {
  font-weight: 600;
}

h3 {
  font-size: 20px;
  line-height: 1.1em;
  margin-bottom: 8px;
}

p {
  margin: .85em 0;
}

strong {
  font-weight: bold;
}

a {
  text-decoration: none;
  outline: 0;
  max-width: 100%;
  max-width: none\9;
}

a:visited {
  outline: 0;
  text-decoration: underline;
}

#top .avia_hidden_link_text {
  display: none;
}

ul {
  margin-bottom: 20px;
}

ul {
  list-style: none outside;
  margin-left: 7px;
}

img,
a img {
  border: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  max-width: 100%;
  height: auto;
  image-rendering: optimizeQuality;
}

[data-av_icon]:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  content: attr(data-av_icon);
  speak: none;
}

#header {
  position: relative;
  z-index: 501;
  width: 100%;
  background: transparent;
}

#header_main .container,
.main_menu ul:first-child>li a {
  height: 88px;
  line-height: 88px;
}

.av_icon_active_left .social_bookmarks {
  float: left;
}

.av_secondary_right .sub_menu {
  float: right;
}

.av_phone_active_right .phone-info {
  float: right;
}

.phone-info {
  float: left;
  font-weight: bold;
  line-height: 20px;
  font-size: 11px;
  padding: 5px 0;
}

.phone-info span {
  display: inline-block;
  line-height: 1em;
}

.av_secondary_right .sub_menu>ul>li:last-child {
  border: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 10px;
}

.av_secondary_right .sub_menu {
  padding-left: 10px;
}

#header_meta {
  border-top: 0;
  z-index: 10;
  min-height: 30px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: -1px;
}

#header_meta .container {
  min-height: 30px;
}

#header_main {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  z-index: 1;
}

.header_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .95;
  filter: alpha(opacity=95);
  z-index: 0;
  -webkit-perspective: 1000px;
  -webkit-backface-visibility: hidden;
}

.html_header_sticky_disabled .header_bg {
  opacity: 1;
  filter: alpha(opacity=100);
}

.av_minimal_header .header_bg {
  opacity: 1;
  filter: alpha(opacity=100);
}

.av_minimal_header #header_main,
.av_minimal_header #header_meta {
  border: 0;
}

.av_minimal_header .avia-menu-fx {
  display: none;
}

.av_minimal_header #header_main .container,
.av_minimal_header .main_menu ul:first-child>li a {
  height: 90px;
  line-height: 90px;
}

.av_minimal_header_shadow {
  box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}

.av-hamburger {
  padding: 0;
  display: inline-block;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.av-hamburger-box {
  width: 35px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.av-hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.av-hamburger-inner,
.av-hamburger-inner::before,
.av-hamburger-inner::after {
  width: 40px;
  height: 3px;
  background-color: #000;
  border-radius: 3px;
  position: absolute;
}

.av-hamburger-inner::before,
.av-hamburger-inner::after {
  content: "";
  display: block;
}

.av-hamburger-inner::before {
  top: -10px;
}

.av-hamburger-inner::after {
  bottom: -10px;
}

.av-burger-menu-main {
  display: none;
}

.av-burger-menu-main a {
  padding-left: 10px;
}

.av-hamburger strong {
  display: none;
}

.av-hamburger-box {
  height: 8px;
}

.av-hamburger-inner,
.av-hamburger-inner::before,
.av-hamburger-inner::after {
  width: 100%;
}

#top .av-small-burger-icon {
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  transform-origin: right;
}

#top #wrap_all #header .av-small-burger-icon a {
  padding: 0;
}

div .logo {
  float: left;
  position: absolute;
  left: 0;
  z-index: 1;
}

.logo,
.logo a {
  overflow: hidden;
  position: relative;
  display: block;
  height: 100%;
}

.logo img {
  padding: 0;
  display: block;
  width: auto;
  height: auto;
  max-height: 100%;
  image-rendering: auto;
  position: relative;
  z-index: 2;
  height: 100%\9;
  height: auto\9;
}

.main_menu {
  clear: none;
  position: absolute;
  z-index: 100;
  line-height: 30px;
  height: 100%;
  margin: 0;
  right: 0;
}

.av-main-nav-wrap {
  float: left;
  position: relative;
  z-index: 3;
}

.av-main-nav-wrap ul {
  margin: 0;
  padding: 0;
}

.av-main-nav {
  z-index: 110;
  position: relative;
}

.av-main-nav li {
  float: left;
  position: relative;
  z-index: 20;
}

.av-main-nav>li {
  line-height: 30px;
}

.av-main-nav li a {
  max-width: none;
}

.av-main-nav>li>a {
  display: block;
  text-decoration: none;
  padding: 0 13px;
  font-weight: normal;
  font-size: 12px;
  font-weight: 600;
  font-size: 13px;
}

.avia-menu-fx {
  position: absolute;
  bottom: -1px;
  height: 2px;
  z-index: 10;
  width: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.current-menu-item>a>.avia-menu-fx {
  opacity: 1;
  visibility: visible;
}

.avia-menu-fx .avia-arrow-wrap {
  height: 10px;
  width: 10px;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -5px;
  overflow: hidden;
  display: none;
  visibility: hidden;
}

.current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap,
.current_page_item>a>.avia-menu-fx>.avia-arrow-wrap {
  display: block;
}

.avia-menu-fx .avia-arrow-wrap .avia-arrow {
  top: 10px;
}

.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a {
  padding-right: 0;
}

.main_menu .avia-bullet {
  display: none;
}

.avia-bullet {
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  top: 51%;
  margin-top: -3px;
  left: -3px;
  border-top: 3px solid transparent !important;
  border-bottom: 3px solid transparent !important;
  border-left: 3px solid green;
}

#top #menu-item-search {
  z-index: 100;
}

#top .menu-item-search-dropdown>a {
  font-size: 17px;
}

#top #menu-item-search.menu-item-search-dropdown>a {
  border-left: 0;
}

.avia-arrow {
  height: 10px;
  width: 10px;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 1px;
  border-style: solid;
  visibility: hidden\9;
}

#top .social_bookmarks {
  height: 30px;
  z-index: 150;
  -webkit-backface-visibility: hidden;
  margin: 0 0 0 -9px;
}

#top .social_bookmarks li {
  height: 100%;
  float: left;
  padding: 0;
  border-right-style: solid;
  border-right-width: 1px;
  display: block;
  width: 30px;
}

#top #header .social_bookmarks li:last-child {
  border-right-style: none;
  border-right-width: 0;
}

#top .social_bookmarks li a {
  float: left;
  width: 30px;
  line-height: 30px;
  display: block;
  margin: 0;
  outline: 0;
  padding: 0;
  min-height: 30px;
  height: 100%;
  overflow: visible;
  z-index: 2;
  position: relative;
  text-align: center;
}

#top #wrap_all .social_bookmarks,
#top #wrap_all .social_bookmarks a,
#top #wrap_all .social_bookmarks li {
  background: transparent;
}

.sub_menu {
  float: left;
  z-index: 2;
  font-size: 11px;
  line-height: 30px;
  position: relative;
  top: 10px;
}

#top .sub_menu>ul {
  float: left;
  margin: 0;
}

#top .sub_menu>ul,
#top .sub_menu>ul>li {
  background: transparent;
}

.sub_menu li {
  float: left;
  position: relative;
  padding: 0 10px;
  border-right-style: solid;
  border-right-width: 1px;
  line-height: 10px;
}

.sub_menu>ul>li>a {
  text-decoration: none;
  font-weight: bold;
  padding: 7px 0;
}

.content {
  padding-top: 50px;
  padding-bottom: 50px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-height: 1px;
  z-index: 1;
}

.content {
  border-right-style: solid;
  border-right-width: 1px;
  margin-right: -1px;
}

.content .entry-content-wrapper {
  padding-right: 50px;
}

.fullsize .content {
  margin: 0;
  border: 0;
}

.fullsize .content .entry-content-wrapper {
  padding-right: 0;
}

.more-link-arrow:after {
  content: "\E87d";
  font-family: 'entypo-fontello';
  font-size: 10px;
  vertical-align: middle;
  padding: 0 8px;
}

.html_elegant-blog .more-link-arrow {
  display: none;
}

#scroll-top-link {
  position: fixed;
  border-radius: 2px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
  opacity: 0;
  right: 50px;
  bottom: 50px;
  z-index: 1030;
  visibility: hidden;
}

@media only screen and (min-width:768px) and (max-width:989px) {
  .responsive .main_menu ul:first-child>li>a {
    padding: 0 10px;
  }

  .responsive #top .header_bg {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .responsive .logo {
    float: left;
  }

  .responsive .logo img {
    margin: 0;
  }
}

@media only screen and (max-width:767px) {
  .responsive .content .entry-content-wrapper {
    padding: 0;
  }

  .responsive .content {
    border: 0;
  }

  .responsive #top #wrap_all #header {
    position: relative;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    min-height: 0;
  }

  .responsive #top #main {
    padding-top: 0 !important;
    margin: 0;
  }

  .responsive .phone-info {
    float: none;
    width: 100%;
    clear: both;
    text-align: center;
  }

  .responsive .phone-info span {
    margin: 0;
    padding: 0;
    border: 0;
  }

  .responsive #top .logo {
    position: static;
    display: table;
    height: 80px !important;
    float: none;
    padding: 0;
    border: 0;
    width: 80%;
  }

  .responsive .logo a {
    display: table-cell;
    vertical-align: middle;
  }

  .responsive .logo img {
    height: auto !important;
    width: auto;
    max-width: 100%;
    display: block;
    max-height: 80px;
  }

  .responsive #header_main .container {
    height: auto !important;
  }

  .responsive #top .header_bg {
    opacity: 1;
    filter: alpha(opacity=1);
  }

  .responsive #header_meta .social_bookmarks li {
    border-style: solid;
    border-width: 1px;
    margin-bottom: -1px;
    margin-left: -1px;
  }

  .responsive #top #header_meta .social_bookmarks li:last-child {
    border-right-style: solid;
    border-right-width: 1px;
  }

  .responsive #header .sub_menu,
  .responsive #header_meta .sub_menu>ul {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: static;
  }

  .responsive #header .social_bookmarks {
    padding-bottom: 2px;
    width: 100%;
    text-align: center;
    height: auto;
    line-height: .8em;
    margin: 0;
  }

  .responsive #header_meta .sub_menu>ul>li {
    float: none;
    display: inline-block;
    padding: 0 10px;
  }

  .responsive #header .social_bookmarks li {
    float: none;
    display: inline-block;
  }

  .responsive .logo img {
    margin: 0;
  }

  .responsive #top .av_phone_active_right .phone-info.with_nav span {
    border: 0;
  }

  .responsive #top #header_meta .social_bookmarks li a {
    color: inherit;
    border-color: inherit;
    background: inherit;
  }

  .responsive .av-burger-menu-main {
    display: block;
  }

  .responsive #top #wrap_all .main_menu {
    top: 0;
    height: 80px;
    left: auto;
    right: 0;
    display: block;
    position: absolute;
  }

  .responsive .main_menu ul:first-child>li a {
    height: 80px;
    line-height: 80px;
  }

  .responsive #top .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
  }

  .responsive #top #wrap_all .menu-item-search-dropdown>a {
    font-size: 24px;
  }

  .responsive #top #header .social_bookmarks {
    display: none;
  }

  .responsive #top .av-logo-container .avia-menu {
    height: 100%;
  }

  .responsive #top #header_main>.container .main_menu .av-main-nav>li>a,
  .responsive #top #wrap_all .av-logo-container {
    height: 80px;
    line-height: 80px;
  }

  .responsive #top #wrap_all .av-logo-container {
    padding: 0;
  }

  .responsive #top #header_main>.container .main_menu .av-main-nav>li>a {
    min-width: 0;
    padding: 0 0 0 20px;
    margin: 0;
    border-style: none;
    border-width: 0;
  }

  .responsive #top #header .av-main-nav>li>a {
    background: transparent;
    color: inherit;
  }

  .responsive #scroll-top-link {
    display: none;
  }
}

@media only screen and (max-width:479px) {
  .responsive #top #wrap_all #header .social_bookmarks {
    display: none;
  }
}

.avia-shadow {
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

body .container_wrap .avia-builder-el-no-sibling {
  margin-top: 0;
  margin-bottom: 0;
}

body .container_wrap .avia-builder-el-last {
  margin-bottom: 0;
}

body .container_wrap .avia-builder-el-first {
  margin-top: 0;
}

.special-heading-border {
  position: relative;
  overflow: hidden;
}

.av-special-heading-h1 .special-heading-border {
  height: 3.4em;
}

.av-special-heading-h2 .special-heading-border {
  height: 2.6em;
}

.av-special-heading-h3 .special-heading-border {
  height: 1.9em;
}

.special-heading-inner-border {
  display: block;
  width: 100%;
  margin-left: 15px;
  border-top-style: solid;
  border-top-width: 1px;
  position: relative;
  top: 50%;
  opacity: .15;
  filter: alpha(opacity=15);
}

.custom-color-heading .special-heading-inner-border {
  opacity: .4;
  filter: alpha(opacity=40);
}

body .av-special-heading.blockquote>* {
  white-space: normal;
  float: none;
}

body .av-special-heading.blockquote .special-heading-border {
  display: none;
}

.avia-section {
  clear: both;
  width: 100%;
  float: left;
  min-height: 100px;
  position: static;
}

.avia-section.avia-section-small {
  min-height: 0;
}

#top #main .avia-section .template-page {
  width: 100%;
  border: 0;
  margin-left: auto;
  padding-left: 0;
  margin-right: auto;
}

.avia-section .template-page .entry-content-wrapper {
  padding-right: 0;
}

.avia-section-small .content {
  padding-top: 20px;
  padding-bottom: 20px;
}

.html_header_sticky_disabled .container_wrap:first-child {
  border-top: 0;
}

#top #wrap_all #main .avia-no-border-styling {
  border: 0;
}

.html_minimal_header #main>.avia-builder-el-0 {
  border-top: 0;
}

#top .iconbox {
  background: transparent;
}

.iconbox {
  margin-bottom: 30px;
  position: relative;
  clear: both;
}

.iconbox_icon {
  float: left;
  margin: 2px 10px 0 0;
  height: 23px;
  width: 23px;
  font-size: 23px;
  line-height: 18px;
}

.iconbox_left .iconbox_icon {
  border-radius: 50px;
  text-align: center;
  position: relative;
  top: -7px;
  left: -5px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin: 2px 0 0 0;
}

.iconbox .iconbox_content .iconbox_content_title {
  border: medium none;
  padding: 2px 0 0 0;
  position: relative;
  margin: 0 0 16px 0;
  clear: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.25em;
}

.iconbox .iconbox_content p:last-child {
  margin-bottom: 0;
}

#top .iconbox_content_container {
  line-height: 1.65em;
}

@media only screen and (max-width:767px) {
  .responsive #top .avia-slideshow-controls a {
    display: none;
  }
}

.avia-slideshow {
  position: relative;
  margin: 50px 0;
  width: 100%;
  clear: both;
  overflow: hidden;
}

.avia-slideshow-inner {
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
}

#top .av-default-height-applied .avia-slideshow-inner {
  height: 0;
}

.avia-slideshow li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style-position: outside;
  position: absolute;
  visibility: hidden;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  clear: both;
  opacity: 0;
  overflow: hidden;
}

.avia-slideshow li:first-child {
  position: relative;
  visibility: visible;
  z-index: 3;
}

.avia-slideshow li img {
  display: block;
  width: 100%;
  margin: 0 auto;
  border-radius: 3px;
  position: relative;
}

.avia-slideshow.image_no_stretch li img {
  width: auto;
}

#top .avia-slideshow-arrows a {
  display: block;
  text-decoration: none;
  color: #fff;
  visibility: visible;
  position: absolute;
  width: 60px;
  text-align: center;
  height: 60px;
  line-height: 62px;
  font-size: 25px;
  top: 50%;
  margin: -30px 15px 0;
  z-index: 99;
  overflow: hidden;
  text-indent: -600%;
}

#top .avia-slideshow-arrows a.next-slide {
  right: 0;
}

.avia-slideshow-arrows a:before {
  visibility: visible;
  display: block;
  position: absolute;
  z-index: 100;
  background: #aaa;
  background: rgba(0,0,0,0.3);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  text-align: center;
  line-height: 62px;
  color: inherit;
}

.prev-slide:before {
  text-indent: -2px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.next-slide:before {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  text-indent: 0;
}

.avia-slideshow-dots {
  position: absolute;
  z-index: 200;
  width: 100%;
  bottom: 0;
  text-align: center;
  left: 0;
  height: 0;
}

.avia-slideshow-dots a {
  display: inline-block;
  height: 13.5px;
  width: 13.5px;
  border-radius: 14px;
  background: #000;
  opacity: .6;
  filter: alpha(opacity=60);
  text-indent: 100px;
  overflow: hidden;
  margin: 0 1px;
  padding: 7px;
  position: relative;
  bottom: 33px;
  -webkit-backface-visibility: hidden;
}

.avia-slideshow-dots a.active {
  opacity: .8;
  filter: alpha(opacity=80);
  background: #fff;
}

.avia-slideshow-inner li {
  -webkit-transform-style: preserve-3d;
}

.avia-fullwidth-slider {
  border-top-style: solid;
  border-top-width: 1px;
  z-index: 1;
}

.avia-fullwidth-slider.avia-builder-el-0 {
  border-top: 0;
}

.avia-slide-wrap {
  position: relative;
  display: block;
}

.av_slideshow_full.avia-slideshow {
  margin: 0;
}

#top .av_slideshow_full.av-control-default .avia-slideshow-arrows a {
  margin: -50px 0 0 0;
  width: 35px;
  text-align: center;
  height: 100px;
  line-height: 102px;
  opacity: .5;
}

#top .av_slideshow_full.av-control-default .next-slide:before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  line-height: 102px;
}

#top .av_slideshow_full.av-control-default .prev-slide:before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  line-height: 102px;
}

.av_slideshow_full li img {
  border-radius: 0;
}

body {
  font-size: 14px;
}

html,
#scroll-top-link {
  background-color: #0d716a;
}

#scroll-top-link {
  color: #fff;
  border: 1px solid #0d716a;
}

.html_stretched #wrap_all {
  background-color: #0d716a;
}

.alternate_color div {
  border-color: #e1e1e1;
}

.alternate_color .special-heading-inner-border {
  border-color: #a2a2a2;
}

.main_color,
.main_color div,
.main_color header,
.main_color footer,
.main_color article,
.main_color span,
.main_color h3,
.main_color p,
.main_color a,
.main_color img,
.main_color ul,
.main_color li,
.main_color article,
.main_color footer,
.main_color header {
  border-color: #e1e1e1;
}

.main_color {
  background-color: #f8f8f8;
  color: #666;
}

.main_color .heading-color,
.main_color h3 {
  color: #263373;
}

.main_color .special-heading-inner-border {
  border-color: #666;
}

.main_color a {
  color: #82a846;
}

.main_color ::-webkit-input-placeholder {
  color: #8d8d8d;
}

.main_color ::-moz-placeholder {
  color: #8d8d8d;
  opacity: 1;
}

.main_color :-ms-input-placeholder {
  color: #8d8d8d;
}

#main {
  border-color: #e1e1e1;
}

.header_color,
.header_color div,
.header_color nav,
.header_color span,
.header_color a,
.header_color img,
.header_color strong,
.header_color ul,
.header_color li,
.header_color nav {
  border-color: #e1e1e1;
}

.header_color {
  background-color: #fff;
  color: #263373;
}

.header_color .social_bookmarks a,
.header_color .phone-info,
.header_color .phone-info a {
  color: #aaa;
}

.header_color a,
.header_color strong {
  color: #558b87;
}

.header_color .avia-menu-fx,
.header_color .avia-menu-fx .avia-arrow {
  background-color: #558b87;
  color: #fff;
  border-color: #336965;
}

.header_color .container_wrap_meta {
  background: #f8f8f8;
}

.header_color .avia-bullet {
  border-color: #558b87;
}

.header_color ::-webkit-input-placeholder {
  color: #aaa;
}

.header_color ::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}

.header_color :-ms-input-placeholder {
  color: #aaa;
}

.header_color .header_bg {
  background-color: #fff;
  color: #aaa;
}

.header_color .sub_menu>ul>li>a,
.header_color .main_menu ul:first-child>li>a {
  color: #aaa;
}

.header_color .main_menu ul:first-child>li.current-menu-item>a,
.header_color .main_menu ul:first-child>li.current_page_item>a {
  color: #263373;
}

.header_color .sub_menu ul li,
.header_color .sub_menu ul {
  background-color: #fff;
}

#main {
  background-color: #fff;
}

.header_color .av-hamburger-inner,
.header_color .av-hamburger-inner::before,
.header_color .av-hamburger-inner::after {
  background-color: #aaa;
}

.header_color .av-hamburger-inner,
.header_color .av-hamburger-inner::before,
.header_color .av-hamburger-inner::after {
  background-color: #263373;
}

@media only screen and (max-width:767px) {
  #top .header_color .av-hamburger-inner,
  #top .header_color .av-hamburger-inner::before,
  #top .header_color .av-hamburger-inner::after {
    background-color: #263373;
  }
}

@media only screen and (max-width:767px) {
  .header_color div .av-hamburger-inner,
  .header_color div .av-hamburger-inner::before,
  .header_color div .av-hamburger-inner::after {
    background-color: #aaa;
  }
}

#top .main_color .onsale {
  background-color: #82a846;
}

.header_color .cart_dropdown_first .cart_dropdown_link {
  color: #263373;
}

.header_color .cart_dropdown .dropdown_widget {
  color: #aaa;
}

.header_color .cart_dropdown .dropdown_widget .widget_shopping_cart_content,
.header_color .cart_dropdown_link,
.header_color .avia-arrow {
  background-color: #fff;
}

.header_color .avia-bullet {
  border-color: #aaa;
}

#top .av-cart-counter {
  background-color: #558b87;
  color: #fff;
}

body {
  font-family: ' helvetica','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.container {
  width: 100%;
}

.responsive .container {
  max-width: 1310px;
}

#top #header .av-main-nav>li>a {
  font-size: 14px;
}

#top #header_meta {
  background-color: #0d716a;
}

#top #header_meta a,
#top #header_meta li,
#top #header_meta .phone-info {
  color: #fff;
  border-color: #0d716a;
}

ul.cart_dropdown {
  border: 0 !important;
}

#top .main_color .onsale {
  background-color: #2997ab;
  display: none;
}

.avia-fullwidth-slider.avia-shadow {
  box-shadow: none;
}

@media only screen and (max-width:767px) {
  #top #header_main .logo {
    width: 50% !important;
  }
}

#top #wrap_all .av-social-link-facebook a {
  color: #fff;
  background-color: #37589b;
}

#top #wrap_all .av-social-link-twitter a {
  color: #fff;
  background-color: #46d4fe;
}

#top #wrap_all .av-social-link-gplus a {
  color: #fff;
  background-color: #de5a49;
}

#top #wrap_all .av-social-link-whatsapp a {
  color: #fff;
  background-color: #3bb528;
}

#top #wrap_all .av-social-link-linkedin a {
  color: #fff;
  background-color: #409cca;
}

#top #wrap_all .av-social-link-instagram a {
  color: #fff;
  background-color: #a67658;
}

#top #wrap_all .av-social-link-youtube a {
  color: #fff;
  background-color: #a72b1e;
}

p,
a,
strong {
  color: black !important;
}

a {
  text-decoration: underline;
}

.container {
  width: 100%;
}

#top {
  overflow-x: hidden;
}

.container {
  width: 100%;
  margin: 0 auto;
}

.units {
  margin: 0;
}

#top .flex_column {
  margin: 0;
  margin-bottom: 20px;
  width: 100%;
}

#header_main {
  border-bottom: 0;
}

nav,
#scroll-top-link {
  display: none;
}

.avia-shadow {
  box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

.content {
  border: 0;
}

.avia-fullwidth-slider {
  display: none;
}

• This reply was modified 8 years, 4 months ago by Guilherme Pereira.

Hey John,

thank you for your fast response and your tip! That works and I was able to put the social profile icons to my sidebar :-) ! Just one small thing: How to move the icons to the left to show up aligned to widgettitle (please see screenshot in private content box)?

Thank you for your help in advance.

Kind regards
Sophie