[AlanParticipant]

hi,
how can i add space between the logo and the browser window, i tryed multiple things allready, none worked, or introduce a white line on top of the navbar
here is my css code
help is appreciated

.x-colophon.bottom { padding:1px 0; }

.x-navbar .x-navbar-inner {
  padding: 0; text-align:center;
}

.x-navbar .x-nav {
    margin: 0;
    display: table;
    width: 100%;
}

@media(min-width: 979px ) {
.x-navbar .x-nav li {
    display: table-cell;
    width: 1%;
    float: none;
}
.x-navbar .x-nav > li {
  height: 31px;
}
}

.x-navbar .x-brand {
margin-top: 10px;
display: block;
margin: 2px auto;
max-width: 800px;
float: none;
}

.masthead-inline .x-navbar .sub-menu {
  left: 0;
}
.x-navbar .sub-menu {
  border: medium none;
  padding: 0;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  top: 31px;
}

body.x-navbar-fixed-top-active .x-navbar-wrap,
.x-navbar-inner {
   height: auto !important;
}

@media (max-width: 979px) {
.x-navbar-fixed-top {
position: fixed !important;
}
}

.x-map .x-map-inner iframe {
   height: 300px;
}

.x-navbar-inner {
   background: #000000 !important;
}

.x-navbar .sub-menu {
font-size:10px;
font-weight:regular;
}
v

.x-navbar .x-nav > li > a {
    font-weight: 400 !important;
}

.x-nav-tab { font-size: 17px;
}

.x-nav-tabs>li>a {
color: white;
background-color:white;
}

.x-nav-tabs > li > a:hover, .x-nav-tabs > .active > a, .x-nav-tabs > .active > a:hover {
color: #fff39b;
background:black;
}

/* Default State */
.x-nav-tabs>li>a {
   background: #000;
}

/* Active State */
.x-nav-tabs>.active>a, .x-nav-tabs>.active>a:hover {
   background-color: #000;
}

.x-tab-content .x-tab-pane {
background-color: transparent;
}

.x-tab-content {
background-color: black;
}

.x-tab-content  {
border: none;
}

.x-nav-tabs {
border: none;
}

.x-nav-tabs>li>a {
font-size: 20px;
font-weight: regular;
}

.x-accordion-heading .x-accordion-toggle
{
   color: #959595;
  background-color: #000000;
}

.x-accordion-heading .x-accordion-toggle.collapsed
{
  background-color: #000000;
}

.x-accordion-heading .x-accordion-toggle:hover {
color: #fff39b !important;
}

@media all and (max-width : 768px) {
  .rev_slider_wrapper{
    max-height:380px!important;
  }
}
@media all and (max-width : 540px) {
  .rev_slider_wrapper{
    max-height:320px!important;
  }
}
@media all and (max-width : 460px) {
  .rev_slider_wrapper{
    max-height:220px!important;
  }
}

.sf-menu ul.mobile-collapsed {
   display: none !important;
   visibility: hidden !important;
}

@media (max-width:979px) {
    .x-navbar .x-navbar-inner .x-nav-collapse .x-nav > li > a, .x-navbar .x-navbar-inner .x-nav-collapse .sub-menu a {
font-size: 1em;
text-align:center;
}
}

.news {
  background-color: #000000;
}

.imprint {
  background-color: #000000;
}

body,
.x-main, 
h1, h2, h3, h4, h5, h6, .post-title, .widgettitle {
   font-family: 'arial';  font-weight:regular; !important;
}

.landing .x-brand {
display: none;
}

.news {
 a:link{color:#000;}
 a:visited{color:#ff0;}
 a:hover{color:#f00;}
 a:active{color:#f00;}
}

/* Header Customizations */
@media screen and (min-width: 980px){
.x-nav-collapse.collapse {
height: 32px !important;
}
}
.masthead-inline {
margin-top: -2px;
}

@media (max-width: 979px) {
	.masthead-inline .x-btn-navbar {
		float: none;
		text-align: center;
	}
}

[Nabeel AModerator]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[AlanParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi Alan,

Thank you for providing your site url.

You can add this under Custom > CSS in the Customizer.

body .x-navbar .x-navbar-inner {
    padding-top:30px;
}

The code will add a space on top.

If you would like a white space instead, you can change the code above to this.

body .x-navbar-wrap {
    margin-top:30px;
}

Change 30px to achieve your desired spacing.

Hope that helps. 🙂

[AlanParticipant]

This reply has been marked as private.

[AlanParticipant]

and also to allign the tab menu to the left

[FriechModerator]

Hi Alan,

Thank you for writing us, you mean the tab below the FEO ALADAG?
to remove those white borders please add this style.
You can add this under Custom > CSS in the Customizer.
.x-nav-tabs.left+.x-tab-content, .x-nav-tabs.left, .x-nav-tabs.left>.x-nav-tabs-item, .x-nav-tabs.left>li a, .x-nav-tabs.left>.active>a {border:none;}
And here is to align left your tab titles
.x-nav-tabs.left>li a {text-align: left;}
After doing this you may notice that the tab content is not align with the title, If you want it to align you can simple add this code.
.x-tab-content .x-tab-pane {padding-top: 0;}

Let us know how it goes, Cheers.

[AlanParticipant]

hi thanks a lot that allready helped a lot!
allthough
this code
.x-tab-content .x-tab-pane {padding-top: 0;}
didnt worked as described, and it would be very nice to achieve that.

and a minor thing i now have a weird rollover when a tab is selcted allready.

[DarshanaModerator]

Hi there,

Could you please try adding the following code instead. Make sure to clear your browser cache and also clear plugin cache if you have any caching plugins installed.

.x-tab-content .x-tab-pane {
    padding-top: 0 !important;
}

Use the following code to remove the rollover effect.

.x-nav-tabs.left > .active > a, .x-nav-tabs.left > .active > a:hover {
    border-right: medium none;
}

Hope that helps.

[AlanParticipant]

i also have the problem that in mobile view all the borders are still there.

[AlanParticipant]

this one still didnt work

.x-tab-content .x-tab-pane {
padding-top: 0 !important;
}

[John EzraMember]

Hi there,

I have checked for the issue. What exactly do you want for this code to do?

.x-tab-content .x-tab-pane {
padding-top: 0 !important;
}

The tab tiles and content are aligned vertically at the top. Is that what you wanted?

If not could you provide more info. It seems to be working on my end.

[michaellanfieldParticipant]

As you can see, the top menu blue bar, there is more padding on the bottom compared to the top I want to remove some of the bottom padding.

[DarshanaModerator]

@michaellanfield

To assist you with this request, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[michaellanfieldParticipant]

This reply has been marked as private.

[Author]

Posts