Hallo ich habe ein großes Problem.
ich würde gerne den text in meinem header menü zentrieren. ich hab schon einiges im internet gelesen allerdings ist mein stylesheet wesentlich kürzer als bei denen. ich benutze das theme tikva mit dem yeti.min.css . das stylesheet was ich unten angefügt habe sehe ich im editor.
Mein stylesheet:
/
CSS
*
Theme Name: Tikva
Theme URI: [url]https://www.kuerbis.org/tikva/[/url]
Author: Ralf Geschke
Author URI: [url]https://www.geschke.net[/url]
Description: Tikva - A small WordPress theme based on Bootstrap 3.0 Framework.
Version: 0.3.2
License: GNU General Public License v2 or later
License URI: [url]http://www.gnu.org/licenses/gpl-2.0.html[/url]
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: tikva
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*@import url('css/bootstrap.min.css');
*/
/*body {
padding-bottom: 30px;
}
*/
/* Skip link styling */
#skip-link {
/* top: 0;
left: 50%;
margin-left: -5.25em;
margin-top: 0;
position: relative;
width: auto;*/
z-index: 5000;
}
/* .sr-only {
width: auto;
}
*/
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
background: #444;
background: rgba(0, 0, 0, 0.6);
color: #fff;
/*display: block;*/
padding: 1px 10px 2px 10px;
-khtml-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
outline: 0;
}
.entry-content a {
outline-offset: 0 !important;
outline-width: 2px;
}
.entry-title a { color:#000000; }
a {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
/* screen-reader navigation link styling */
@media (min-width: 768px) {
#navbar-toggle-screenreader {
display: none;
}
}
#navbar-toggle-screenreader {
position: center;
padding: 10px 0 0 10px;
}
/* media query stuff */
#media-width-detection-element {
display: block;
/*border: 1px solid white;*/
height: 1px;
width: 100%;
}
@media (max-width: 767px) {
#media-width-detection-element {
width: 749px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#media-width-detection-element {
width: 750px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#media-width-detection-element {
width: 970px;
}
}
@media (min-width: 1200px) {
#media-width-detection-element {
width: 1170px;
}
}
#site-header-image {
box-shadow: #000 0em 0em 0em; /* fix for fadeIn bug in firefox */
}
/* default: hidden, will be shown by JavaScript */
#site-header {
display: none;
}
/**
* Allows the element to be focusable when navigated to via the keyboard.
*/
.element-focusable:active,
.element-focusable:focus {
position: static !important;
clip: auto;
/*overflow: visible;*/
overflow: visible !important;
height: auto;
width: auto !important;
}
.byline-icon {
margin-right: 5px;
text-decoration: none !important;
}
/* multilevel dropdown menu, taken from [url]http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3[/url]
*/
.dropdown-submenu {
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.theme-dropdown .dropdown-menu {
display: block;
position: static;
margin-bottom: 20px;
}
.theme-showcase > p > .btn {
margin: 5px 0;
}
Alles anzeigen
nun meine frage:
was muss ich wo hin schreiben damit der text zentriert wird ?
vielen dank schonmal, bin echt am verzweifeln :(