Teknik, hosting & e-handelsløsninger

Svar: Hvordan ændre man designet på sin menu i wordpress?

Rasmus Hoeks — Thu, 04 Oct 2012 16:19:53 GMT

Hvis du vil have mere hjælp, så tænker jeg det er smart du indsætter din kode på fx http://pastebin.com/ og så derefter linker til den fra tråden. Aminos debatsystem er ikke ligefrem lavet til at vise kode :)

Svar: Hvordan ændre man designet på sin menu i wordpress?

Heidi Adelholm — Thu, 04 Oct 2012 15:37:39 GMT

Hej Emil

Du skal gå udseende - editor - klik på stylesheet (style.ccs)

Find:

/* =Menu
-------------------------------------------------------------- */

#access {
   background: #222; /* Show a solid color for older browsers */
   background: -moz-linear-gradient(#252525, #69502c);
   background: -o-linear-gradient(#252525, #0a0a0a);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
   background: -webkit-linear-gradient(#252525, #0a0a0a);

Her kan du rette i farven! :-)

Venlig hilsen Heidi

Svar: Hvordan ændre man designet på sin menu i wordpress?

Heine — Thu, 04 Oct 2012 15:30:11 GMT

Hej Emil,

Godt nok forsøger jeg at hjælpe dig, men jeg har ikke planer om at sidde og læse CSS i rå tekst format.
Så hvis du ønsker hjælp, så kom med et link. Ellers kan du smide opgaven på Amino Freelancer, så skal du nok også få hjælp :-)

Svar: Hvordan ændre man designet på sin menu i wordpress?

Emil Stryger — Thu, 04 Oct 2012 15:25:33 GMT

Hej Heine.
I FTP`en under tema, har jeg fundet et andet stylesheet:

@import url(http://fonts.googleapis.com/css?family=Quicksand);
@import url(http://fonts.googleapis.com/css?family=Nixie+One);
@import url(http://fonts.googleapis.com/css?family=PT+Serif+Caption);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

html,body,p,div,img,h1,h2,h3,h4,h5,li,ul,ol,dl,dd,dt,form,pagele,td,tr,blockquote,iframe {
margin:0px;
padding:0px;
border:0px;
border-collapse:separate;
border-spacing:0px;
}

* :focus { outline: 0; }

.clear {clear: both;}

p { margin-bottom: 15px; }

.content-text li { margin-left:30px; }

body {
color: #747474;
font-size: 12px;
font-family: Arial, sans-serif;
line-height: 20px;
background: #fff url(../../img/backgrounds/bg.jpg) top center repeat-x;
}

/*====BACKGROUND PATTERNS
=============================

.mosaic { background-image: url(../../img/backgrounds/bg.jpg); }
.tiles { background-image: url(../../img/backgrounds/pattern-2.png); }
.small-grid { background-image: url(../../img/backgrounds/pattern-3.png); }
.lines { background-image: url(../../img/backgrounds/pattern-4.png); }
.medium-grid { background-image: url(../../img/backgrounds/pattern-5.png); }
.wood { background-image: url(../../img/backgrounds/pattern-6.jpg); }
.vertical-lines { background-image: url(../../img/backgrounds/pattern-7.png); }
.noise { background-image: url(../../img/backgrounds/pattern-8.jpg); }
============*/

#wrapper {
margin: 0 auto;
margin-top: 00px;
width: 980px;
padding: 00px 00px 30px 00px;
background: #FFF url(../../img/backgrounds/bg.jpg) top center repeat-x;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Quicksand', sans-serif;
font-weight: normal;
margin-bottom: 15px;
}

h1 { font:26px/43px Open Sans, Nixie One, Georgia, "Times New Roman", Times, serif;
color: #222;
font-size: 26px;
line-height: 26px;
text-transform: uppercase;
}

h2 {
font-size: 24px;
color: #730101;
margin-bottom: 15px;
}

h3 {
color:#730101;
font-size: 20px;
font-weight: normal;
line-height: 22px;
}

h4 {
color: #730101;
font-size: 18px;
font-weight: normal;
}

h5 {
font-size: 16px;
}

h6 {
font-size: 14px;
letter-spacing: 0.5px;
margin-top: 0;
}

a {
color: #730101;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.content-text { padding:30px; }

#search-form { float: right;
position: relative;
top: 80px;
width: 259px !important; }

#header-submenu {
position: relative;
top: 40px;
right:0px;
z-index:99px;
background:#fff;
float:right;
width:300px;
}

/*====TABLES
=======================================================*/
table {
width:100%;
text-align: left;
border-collapse: collapse;
}

th {
color: #730101;
text-align: center;
}

thead ,th ,tfoot {
font-weight: normal;
}

th,td,caption {
padding: 7px;
text-align: center;
}

tr.even td {
background: #f2f2f2;
}

caption {
color: #730101;
border-collapse: collapse;
}

/*====MISC
=======================================================*/

.separator-noline {
margin-bottom: 30px;
margin-top: 0px;
border: none;
}

.separator-line {
border: none;
height: 15px;
width: 100%;
margin-bottom: 40px;
margin-top: 0px;
background: url(../../img/separator.png) repeat;
}

.highlight-1, .highlight-2, .highlight-3 {
padding: 1px 5px;
}

.highlight-1 {
color: #f7f7f7;
background: #565656;
}

.highlight-2 {
color: #565656;
background: #d1d1d1;
}

.highlight-3 {
color: #f7f7f7;
background: #730101;
}

abbr, acronym {
border-bottom: 1px solid #929292;
}

del {
color:#747474;
}

pre,code,tt {
font-family: 'lucida console', monospace;
color:#a4a4a4;
}

pre, code {
border: 1px solid #e7e7e7;
padding: 15px;
background: #f1f1f1;
}

ol li {
font-size: 12px;
}

.video iframe {
margin-bottom: 15px;
}

.tooltip {
display: none;
background: #232323;
font-size: 11px;
padding: 3px 11px;
color: #fff;
}

/*====BLOCKQUOTES
=======================================================*/

blockquote {
background: url(../../img/quotes.png) no-repeat;
font-size: 13px;
font-style: italic;
padding-left: 40px;
color: #999;
margin: 20px 0 20px 20px;
}

blockquote p {
margin-bottom: 0;
}

.author {
text-align: right;
font-size: 12px;
font-style: normal;
color: #730101;
margin-top: 5px;
}

.pull-left {
float: left;
width: 255px;
margin-right: 20px;
}

.pull-right {
float: right;
width: 255px;
margin-left: 20px;
}

/*====DROPCAPS
=======================================================*/

.dropcap-1 {
display: block;
float: left;
font-size: 36px;
line-height: 36px;
margin: 2px 8px 0 0;
color: #730101;
}

.dropcap-2 {
display: block;
color: #f7f7f7;
font-size: 23px;
padding-top: 7px;
width: 33px;
height: 27px;
text-align: center;
background: url(../../img/box-disc.png) no-repeat;
float:left;
margin: 4px 8px 0 0;
}

#featured {
position: relative;
}

/*====HEADER
=======================================================*/

#header {

width: 980px;
}

#logo { display:none; }

#logo h1 {
padding-top: 5px;
margin-bottom: 0;
}

#logo p {
margin-top: 1px;
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
display: block;
}

#logo h1 a:hover {
text-decoration: none;
}

/*====NAVIGATION
=======================================================*/

#navigation {
float: right;
list-style: none;
padding:0;
list-style-position:outside;
position: relative;
z-index: 20;
width:670px;
margin-top:50px;
margin-bottom:50px;

}

#navigation li {
margin-left: 30px;
float: left;
position: relative;
}

#navigation li a {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 8px 8px 8px 8px;
color: #444444;
display: block;
margin-left: 0px;
padding: 2px 11px;
text-decoration: none;
word-wrap: break-word;
}

#navigation li a:hover {
text-decoration: none;
color: #222;
}

#navigation li a.active, #navigation .current-menu-item > a {
color: #222 !important;
}

/*====DROPDOWN NAV STYLING
=======================================================*/

#navigation ul {
list-style-type: none;
list-style-position: outside;
position: absolute;
display: none;
width: 130px;
left: 0px;
border:0px;
}

#navigation ul li ul {
margin-top: 0 !important;
}

#navigation li ul a{
width: 150px;
float: left;
margin:0px !important;
}

#navigation li ul ul {
left: 120px;
margin:0px !important;
}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul{
display: none;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul{
display: block;
}

#navigation ul li, #navigation ul li ul li {
margin-left: 0;
}

#navigation ul li:first-child, #navigation ul li ul li:first-child {
border-top: none;
}

/*====CYCLE - IMAGE SLIDER
=======================================================*/

#images-slider {
width: 980px;
height: 255px;
overflow: hidden;
list-style: none;
margin-bottom: 40px;
}

#images-slider li {
width: 980px;
overflow: hidden;
display: block;
height: 255px;
border:1px solid #fff;
}

.caption {
color: #747474;
left: 20px;
bottom: 20px;
padding: 20px 20px 5px 20px;
position: absolute;
background: #252525;
width: 35%;
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
display:none;
}

.caption h3 {
color: #a1a37f;
font-size: 24px;
padding-bottom: 5px;
color: #f7f7f7;
margin-bottom: 0;
}

.caption p {
padding-bottom: 0px;
padding-top: 5px;
color: #bcbcbc;
}

/*====IMAGE SLIDER NAVIGATION
=======================================================*/

#slider-cycle-nav {
z-index: 99;
position: absolute;
right: 20px;
bottom: 20px;
background:url(http://93.176.80.56/~diction/wp-content/uploads/2012/04/nr.png);
height:176px;
width:275px;
}

#slider-cycle-nav li {
float: left;
margin-left: 4px;
display:none;
}

#slider-cycle-nav li a {
cursor: pointer;
display: block;
width: 48px;
height: 48px;
text-indent: -99999px;
}

#cycle-prev {
background: url(../../img/slider-arrows.png) no-repeat left bottom;
}

#cycle-prev:hover {
background: url(../../img/slider-arrows.png) no-repeat left top;
}

#cycle-next {
background: url(../../img/slider-arrows.png) no-repeat right bottom;
}

#cycle-next:hover {
background: url(../../img/slider-arrows.png) no-repeat right top;
}

/*====CYCLE - CONTENT SLIDER
=======================================================*/

#content-slider {
position: relative;
margin-bottom: 30px;
height: 300px;
overflow: hidden;
}

#content-slider ul {
list-style: none;
}

#content-slider ul li {
height: 258px;
overflow: hidden;
margin-bottom: 35px;
}

#content-slider h2 {
font-size: 30px;
line-height: 32px;
color: #808080;
}

#content-slider h2 span {
color: #730101;
}

#content-slider img {
padding: 4px;
border: 1px solid #e7e7e7;
margin-bottom: 0;
}

.description {
padding-top: 10px;
}

.description .button {
margin-top: 15px;
}

/*====CONTENT SLIDER NAVIGATION
=======================================================*/

#nodes {
float: right;
margin-top: 28px;
}

#nodes a {
float: left;
display: block;
width: 13px;
height: 13px;
background: url(../../img/nav-node.png) no-repeat;
margin: 0 2px;
text-indent: 9999px;
}

#nodes a:hover, #nodes a.activeSlide {
background: url(../../img/nav-node-active.png) no-repeat;
}

/*====TAGLINE
=======================================================*/

.tagline {
margin: 20px 0;
margin: -20px 0 20px 0;
}

.tagline-text {
width: 560px;
float: left;
}

.tagline-text h3 {
font-size: 26px;
color: #6b6b6b;
margin-bottom: 0;
}

.tagline-text h3 span {
color: #730101;
}

.tagline-text p {
padding-top: 10px;
margin-bottom: 0;
}

.tagline-btn {
float: right;
margin-top: 8px;
}

.tagline-btn a:hover {
text-decoration: none;
}

.tagline-btn .main {
font-family: 'Quicksand', sans-serif;
font-size: 22px;
text-transform: uppercase;
text-shadow: 1px 1px #252525;
color: #f7f7f7;
margin-right: 2px;
display: block;
height: 23px;
background: url(../../img/button.png) repeat-x;
float: left;
padding: 15px 20px;
}

.tagline-btn .arrow-btn {
display: block;
height: 53px;
width: 54px;
background: url(../../img/arrow-btn.png) no-repeat;
float: left;
}

/*====COLUMNS - GRID
=======================================================*/

.title-col {
width: 199px;
padding-right: 20px;
margin-right: 20px;
border-right: 1px solid #e7e7e7;
margin-top: 40px;
margin: 0 20px 25px 0;
float: left;
}

.title-col h2 {
font-size: 34px;
line-height: 36px;
color: #999;
text-transform: uppercase;
margin-bottom: 15px;
}

.title-col p {
color: #999;
font-style: italic;
margin-bottom: 20px;
}

.one-fourth {
float: left;
width: 200px;
margin: 0 30px 25px 0;
}

.three-fourth {
float: left;
width: 690px;
margin-right: 30px;
margin-bottom: 15px;
}

.one-fifth {
float: left;
width: 162px;
margin: 0 30px 25px 0;
}

.two-fifth {
float: left;
width: 354px;
margin: 0 30px 25px 0;
}

.three-fifth {
float: left;
width: 546px;
margin: 0 30px 25px 0;
}

.four-fifth {
float: left;
width: 738px;
margin: 0 30px 25px 0;
}

.one-third {
float: left;
width: 280px;
margin: 0 30px 25px 0;
}

.two-third {
float: left;
width: 610px;
margin: 0 30px 25px 0;
}

.one-half {
float: left;
margin: 0 30px 25px 0;
width: 430px;
}

.one-sixth {
float: left;
margin: 0 30px 25px 0;
width: 130px;
}

.five-sixth {
float: left;
margin: 0 30px 25px 0;
width: 770px;
}

.full-width {
padding-bottom: 15px;
}

.last {
margin-right: 0px !important;
}

/*====BUTTON
=======================================================*/

.button {
font-size: 11px;
color: #f7f7f7;
padding: 3px 7px;
background: #730101;
display: inline-block;
margin-bottom: 15px;
}

.button:hover {
background: #565656;
text-decoration: none;
}

/*====BOX STYLING
=======================================================*/

.box-number {
display: block;
color: #f7f7f7;
font-family: Tahoma, Arial ,sans-serif;
font-size: 14px;
padding-top: 6px;
width: 33px;
height: 27px;
text-align: center;
background: url(../../img/box-disc.png) no-repeat;
float:left;
margin-right: 10px;
}

.box-title h3 {
font-size: 20px;
line-height: 20px;
padding-bottom: 3px;
color: #730101;
margin-bottom: 0;
}

.box-subtitle {
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
display: block;
margin-bottom: 12px;
}

.box-img {
padding: 3px;
border: 1px solid #e7e7e7;
margin-bottom: 5px;
}

.box-title h4 {
font-size: 18px;
color: #730101;
margin-bottom: 5px;
}

.zoom {
display: block;
background: url(../../img/overlays/zoom.png) no-repeat center;
}

.play {
display: block;
background: url(../../img/overlays/play.png) no-repeat center;
}

/*====LATEST NEWS
=======================================================*/

.latest-news {
list-style: none;
}

.latest-news li a:hover {
color: #730101;
text-decoration: none;
}

.latest-news li {
margin-bottom: 30px;
}

.latest-news p {
margin-bottom: 0;
}

.latest-news li strong {
color: #747474;
font-size: 13px;
font-weight: bold;
}

.latest-news li strong:hover {
color: #730101;
}

.latest-news li span {
color: #730101;
font-style: italic;
}

/*===UNORDERED LIST STYLES
=======================================================*/

.preview-lists ul, .preview-lists ol {
float: left;
margin-right: 40px;
}

ul.custom-list, ol.custom-list {
list-style: none;
margin-bottom: 15px;
}

ul.custom-list li, ol.custom-list li {
margin-bottom: 6px;
}

ul.custom-list ul , ol.custom-list ul {
margin-left: 15px;
margin-bottom: 0;
}

ol li {
list-style: decimal inside none;
}

.check li {
background: url(../../img/bullets/check.png) no-repeat 0px 3px;
padding-left: 20px;
}

.crossed li {
background: url(../../img/bullets/crossed.png) no-repeat 0px 3px;
padding-left: 20px;
}

.arrows-1 li {
background: url(../../img/bullets/arrow-light.png) no-repeat 0px 5px;
padding-left: 17px;
}

.arrows-2 li {
background: url(../../img/bullets/arrow.png) no-repeat 0px 6px;
padding-left: 15px;
}

.square li {
list-style: square inside none;
}

.disc li {
list-style: disc inside none;
}

/*====FOOTER
=======================================================*/

#footer {
border-top: 1px solid #ccc;
color: #A8A8A8;
font-size: 11px;
margin: 0 auto;
width: 980px;
background:#f5f5f5;
}

#footer-content {
width: 930px;
margin: 0 auto;
padding-bottom: 10px;
}

#footer-content li{
list-style-type: none;
}

#footer h4 {
color: #A8A8A8;
font-size: 18px;
padding-bottom: 20px;
margin-bottom: 0;
}

#footer-bottom {
background: #fff;
padding: 15px 0;
border-top: 1px solid #ccc;
width: 980px;
margin: 0 auto 20px auto;
}

#footer-bottom-content {
margin: 0 auto;
width: 930px;
}

#footer-logo {
background: url(../../img/footer-logo.png) no-repeat;
padding-left: 52px;
height: 42px;
margin-bottom: 20px;
}

#footer-logo h3 {
font-size: 22px;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 0;
padding-top: 5px;
}

#footer-logo h3 a {
color: #f7f7f7;
}

#footer-logo h3 a:hover {
color: #f7f7f7;
text-decoration: none;
}

#footer-logo p {
margin-top: 1px;
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
display: block;
color: #adadad;
}

#copyright {
float: left;
margin-bottom: 0;
color: #888;
font-size: 10px;
}

#copyright p {
margin-bottom: 0;
}

#copyright a {
font-family: 'Quicksand', sans-serif;
color: #888;
font-size: 18px;
letter-spacing: 1px;
}

#copyright a:hover {
text-decoration: none;
}

#footer .one-fourth, #footer .three-fourth, #footer .one-fifth,
#footer .two-fifth, #footer .three-fifth, #footer .four-fifth,
#footer .one-third, #footer .two-third, #footer .one-half,
#footer .one-sixth, #footer .five-sixth, #footer .full-width {
margin-top: 30px;
}

#footer-nav {
list-style: none;
float: right;
}

#footer-nav li {
display: inline;
margin-left: 8px;
}

#footer-nav li a {
font-family: Arial, sans-serif;
color: #888;
font-size: 10px;
text-transform: uppercase;
}

#footer-nav li a:hover {
color: #555;
text-decoration: none;
}

#footer-portfolio {
list-style: none;
}

#footer-portfolio li {
display: inline;
float: left;
margin-bottom: 12px;
margin-right: 12px;
list-style-type: none;
}

#footer-portfolio li a {
line-height: 0px;
}

#footer-portfolio li a:hover {
text-decoration: none;
}

#footer-portfolio li a img {
border: 1px solid #474747;
padding: 5px;
}

#footer-portfolio li a img:hover {
border: 1px solid #585858;
}

/*====LATEST BLOG POSTS
=======================================================*/

.widget_recent_entries ul {
list-style: none;
}
.widget_recent_entries ul li {
border-bottom: 1px solid #474747;
padding: 9px 0;
}

.widget_recent_entries ul li:first-child {
padding-top: 0;
}

.widget_recent_entries ul li a, .social-links li a {
color: #f7f7f7;
}

.widget_recent_entries ul li a:hover, .social-links li a:hover {
text-decoration: none;
color: #b7b7b7;
}

/*====TWITTER
=======================================================*/

ul.tweet_list {
list-style: none;
}

ul.tweet_list li {
margin-bottom: 15px;
}

.tweet_text {
display: block;
margin-bottom: 3px;
}

.tweet_time a, .tweet_text a {
font-size: 11px;
font-style: italic;
color: #a8a8a8;
}

/*====SOCIAL
=======================================================*/

.social-links {
list-style: none;
margin-top: -10px;
}

.social-links li {
cursor: pointer;
float: left;
margin-right: 8px;
height: 28px;
width: 21px;
}

.facebook { background: url(../../img/social/facebook.png) no-repeat 0px 7px; }
.blogger { background: url(../../img/social/blogger.png) no-repeat 0px 7px; }
.delicious { background: url(../../img/social/delicious.png) no-repeat 0px 7px; }
.deviant { background: url(../../img/social/deviant.png) no-repeat 0px 7px; }
.digg { background: url(../../img/social/digg.png) no-repeat 0px 7px; }
.flickr { background: url(../../img/social/flickr.png) no-repeat 0px 7px; }
.forrst { background: url(../../img/social/forrst.png) no-repeat 0px 7px;}
.lastfm { background: url(../../img/social/lastfm.png) no-repeat 0px 7px; }
.linkedin { background: url(../../img/social/linkedin.png) no-repeat 0px 7px; }
.myspace { background: url(../../img/social/myspace.png) no-repeat 0px 7px; }
.reddit { background: url(../../img/social/reddit.png) no-repeat 0px 7px; }
.rss { background: url(../../img/social/rss.png) no-repeat 0px 7px; }
.share { background: url(../../img/social/share.png) no-repeat 0px 7px; }
.skype { background: url(../../img/social/skype.png) no-repeat 0px 7px; }
.stumble { background: url(../../img/social/stumble.png) no-repeat 0px 7px; }
.technocrati { background: url(../../img/social/technocrati.png) no-repeat 0px 7px; }
.tumblr { background: url(../../img/social/tumblr.png) no-repeat 0px 7px; }
.twitter { background: url(../../img/social/twitter.png) no-repeat 0px 7px; }
.vimeo { background: url(../../img/social/vimeo.png) no-repeat 0px 7px; }
.yahoo { background: url(../../img/social/yahoo.png) no-repeat 0px 7px; }

/*====INNER PAGES STYLES
=======================================================*/

#page-title {

}

#page-title-content {

}

#page-title-content h2 {
color: #444;
font-size: 34px;
padding-top: 10px;
padding-bottom: 30px;
}

#page-title-content p {
color: #e5e5e5;
width: 510px;
margin-left: 150px;
}

#main-content {
width: 610px;
}

.mc-left {
float: left;
padding-right: 29px;
border-right: 1px solid #e7e7e7;
}

.mc-right {
float: right;
padding-left: 29px;
border-left: 1px solid #e7e7e7;
}

#main-content img {
margin-bottom: 15px;
}

/*====SIDEBAR
=======================================================*/

#sidebar {
width: 259px;
overflow: hidden;
padding-bottom: 30px;
}

.sb-right {
float: left;
margin-left: 30px;
}

.sb-left {
float: right;
margin-right: 30px;
}

#sidebar .separator-line {
margin-bottom: 30px;
}

#sidebar .video iframe {
margin-bottom: 30px;
}

#main-content .separator-line {
margin-top: 40px;
}

#wrapper img.left {
float: left;
margin-right: 15px;
margin-bottom: 0;
}

#wrapper img.right {
float: right;
margin-left: 15px;
margin-bottom: 0;
}

.sidebar-menu {
list-style: none;
margin-bottom: 30px;
}

.sidebar-menu li {
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #e7e7e7;
}

.sidebar-menu li:hover {
border-bottom: 1px solid #730101;
}

.sidebar-menu li a {
color: #747474;
}

.sidebar-menu li a:hover {
color: #730101;
text-decoration: none;
}

.text-widget {
padding-bottom: 15px;
}

/*====SIDEBAR MENU BULLETS
=================================================*/

#sidebar .check li {
background-position: 0px 10px;
}

#sidebar .crossed li {
background-position: 0px 12px;
}

#sidebar .arrows-1 li, #sidebar .arrows-2 li {
background-position: 0px 13px;
}

/*====TABS
=======================================================*/
.tabs {
margin-bottom: 30px;
}

.tab-nav {
list-style: none;
padding-bottom: 4px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px;
}

.tab-nav li {
display: inline;
margin-right: 20px;
}

.tab-nav li a {
color: #747474;
}

.tab-nav li a:hover {
text-decoration: none;
border-bottom: 1px solid #730101;
padding-bottom: 7px;
}

.current {
border-bottom: 1px solid #730101;
padding-bottom: 7px;
}

/*====ADS
=======================================================*/

.advertisment {
width: 268px;
overflow: hidden;
}

.ads {
list-style: none;
}

.ads li {
float: left;
margin-right: 9px;
margin-bottom: 9px;
width: 125px;
height: 125px;
}

/*====PORTFOLIO
=======================================================*/

.portfolio-thumbs {
list-style: none;
}

.portfolio-thumbs h3 {
margin: 5px 0 10px 0;
}

.portfolio-thumbs img {
padding: 4px;
border: 1px solid #e7e7e7;
margin-bottom: 5px;
}

.portfolio-thumbs li {
display: block;
}

.item-links {
padding-top: 5px;
list-style: none;
}

.item-links li {
float: left;
margin-right: 5px;
}

.item-links .button {
/*margin-bottom: 0;*/
}

#portfolio-nav {
list-style: none;
padding-top: 5px;
}

#portfolio-nav li {
display: inline;
margin-right: 2px;
}

#portfolio-nav li a {
padding: 3px 10px;
font-size: 11px;
color: #f7f7f7;
background: #565656;
display: inline-block;
}

#portfolio-nav li a:hover {
background: #730101;
text-decoration: none;
}

#portfolio-nav li a.active-nav {
background: #730101;
}

.item-details h3 {
font-size: 24px;
}

/*====BLOG
=======================================================*/

.blog-post {
margin-bottom: 25px;
}

.post-title h3 {
font-size: 24px;
line-height: 26px;
}

.post-title h3 a:hover {
text-decoration: none;
color: #565656;
}

.post-metadata p {
margin-bottom: 0;
}

ul.post-metadata {
font-size: 11px;
color: #999;
list-style: none;
padding: 0 12px 0 0;
float: left;
margin-right: 12px;
font-style: italic;
width: 125px;
}

ul.post-metadata li {
padding: 3px 0;
border-bottom: 1px solid #e7e7e7;
}

.post-short {
float: right;
width: 460px;
}

.post-content {
position: relative;
}

.post-content .button {
margin-bottom: 0;
}

.post-date {
position: absolute;
width: 80px;
height: 80px;
background: url(../../img/blog/post-date.png) no-repeat;
color: #f7f7f7;
right: -20px;
top: -20px;
font-family: 'Quicksand', sans-serif;
}

.post-date .day {
margin: 17px 0 7px 0;
font-size: 32px;
text-align: center;
}

.day span {
font-size: 20px;
}

.post-date .month {
font-size: 16px;
text-align: center;
text-transform: uppercase;
}

/*====PRICING TABLES
=======================================================*/

.pricing-header {
width: 290px;
}

.pricing-title {
float: left;
padding: 18px 0 18px 18px;
float: left;
}

.pricing-title h3 {
color: #f7f7f7;
text-transform: uppercase;
margin-bottom: 0;
}

.price {

text-align: center;
padding: 18px 0;
line-height: 22px;
color: #f7f7f7;
font-family: 'Quicksand', sans-serif;
background: #282828;
margin-left: 1px;
float: left;
}

.green { background: #9bba50; }
.blue { background: #48abd4; }
.red { background: #bb3030; }
.grey { background: #636363; }

.price p {
margin-bottom: 0;
}

.pricing-column ul {
clear: both;
list-style: none;
text-align: center;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 15px;
}

.pricing-column ul li {
padding: 10px 0;
}

.pricing-column .even {
background-color: #f0f0f0;
}

.pricing-column ul li.price-button {
padding: 20px 0;
}

.price-button a {
font-size: 11px;
text-transform: uppercase;
color: #f7f7f7;
padding: 7px 18px;
}

.price-button a:hover {
background: #565656;
text-decoration: none;
}

.pricing-column img {
margin-right: 7px;
}

.one-fourth .price {width: 83px;}
.one-fourth .pricing-title h3, .one-fourth .price {font-size: 24px;}
.one-fourth .pricing-title {width: 108px;}

.one-third .pricing-title h3, .one-third .price {font-size: 30px;}
.one-third .price {width: 110px;}
.one-third .pricing-title {width: 161px;}

/*====CONTACT
=======================================================*/

#google-map {
margin-bottom: 40px;
padding: 6px 6px 6px 6px;
border: 1px solid #d1d1d1;
}

form {
width: 420px;
}

form p {
margin-bottom: 0;
}

.textbox, #search-box, .wpcf7-form input[type="text"], .wpcf7-form textarea {
color: #747474;
width: 330px;
margin-bottom: 10px;
padding: 8px;
background-color: #f7f7f7;
border-top: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-bottom: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
font-family: inherit;
font-size: inherit;
}

#search-box {
width: 204px;
float: left;
font-size: 12px;
margin-bottom: 30px;
height: 31px;
padding: 0 8px;
color: #b4b4b4;
}

#search-button {
background: url(../../img/search.png) no-repeat center #730101;
width: 33px;
height: 33px;
border: none;
text-indent: -9999px;
margin-left: 4px;
cursor: pointer;
text-transform: capitalize;
}

#search-button:hover {
background-color: #565656;
}

label {
padding-top: 6px;
width: 70px;
overflow:hidden;
}

#message, #comment, .wpcf7-form textarea {
height: 135px;
width: 400px;
}

#submit, #post-comment, .wpcf7-submit {
margin-bottom: 15px;
cursor: pointer;
font-family: inherit;
font-size: 11px;
color: #fff;
background: #730101;
padding: 6px 10px;
border: none;
}

#submit:hover, #post-comment:hover, .wpcf7-submit:hover {
background: #565656;
}

#message-outcome, .wpcf7-response-output {
clear: both;
margin-left: 70px;
color: #747474;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}

span.wpcf7-not-valid-tip {
display: block;
position: static !important;
border: none !important;
background: transparent !important;
padding: 0 !important;
margin: -5px 0 10px 0 !important;
font-size: 11px !important;
font-style: italic;
color: #bd0000 !important;
}

.contact-info h3 {
margin-bottom: 10px;
}

/*====BLOG COMMENTS
=======================================================*/

.comments-section h3 {
font-size: 28px;
font-family: 'Quicksand', sans-serif;
color: #cacaca;
margin-bottom: 30px;
}

.comment_content {
padding-bottom: 10px;
margin-bottom: 25px;
border-bottom: 1px solid #e7e7e7;
}

.avatar {
float: left;
margin-right: 20px;
}

.avatar img {
border: 1px solid #e1e1e1;
padding: 4px;
}

.comment-text {
float: left;
width: 520px;
background: #f7f7f7;
position: relative;
}

.comment-text small {
margin-bottom: 10px;
display: block;
}

.comment-text cite {
color: #730101;
}

.comment-reply {
position: absolute;
top: 0px;
right: 0px;
}

#comments-form {
margin: 30px 0 100px 0;
}

.post-author h3 {
margin: 40px 0 15px 0;
}

/*====TOGGLE PANELS
=======================================================*/

.toggles {
margin-bottom: 0px;
}

.toggle-header {
border-bottom: 1px solid #e7e7e7;
padding-bottom: 11px;
}

.toggle-container {
margin-bottom: 11px;
}

.toggle-container h4 {
float: left;
color: #747474;
margin-bottom: 0;
}

.toggle-header a {
float: right;
text-transform: uppercase;
font-size: 11px;
margin-top: 1px;
}

.toggle-content {
margin-top: 15px;
}

.toggle-link {
height: 19px;
width: 22px;
}

.toggle-open {
background: url(../../img/toggle.png) no-repeat top center;
}

.toggle-close {
background: url(../../img/toggle.png) no-repeat bottom center;
}

/*====INFO BOXES
=======================================================*/

.info-box {
padding: 15px 15px 0 15px;
margin-bottom: 15px;
}

.info-box h4 {
font-size: 18px;
margin-bottom: 10px;
}

.yellow-info {
background: #fff6bf;
color: #62523a;
border: 1px dashed #e0d594;
}

.yellow-info h4 {
color: #62523a;
}

.green-info {
background: #bbdd8c;
color: #404e2e;
border: 1px dashed #a0c272;
}

.green-info h4 {
color: #404e2e;
}

.red-info {
background: #f1d5d6;
color: #5f393a;
border: 1px dashed #f2b1b4;
}

.red-info h4 {
color: #5f393a;
}

.blue-info {
background: #c2e1ee;
color: #4c6671;
border: 1px dashed #9fc6d7;
}

.blue-info h4 {
color: #4c6671;
}

Svar: Hvordan ændre man designet på sin menu i wordpress?

Heine — Thu, 04 Oct 2012 15:14:35 GMT

Ja, jeg må indrømme at tage fejl. Men det var også en af grundene til at de andre gerne vil have et link til din side. Den css fil du skal rette kan hedde alt fra menu.css til emilstema.css, så derfor er du nødt til at komme med et link eller fortælle hvilket tema der er tale om.

Svar: Hvordan ændre man designet på sin menu i wordpress?

Emil Stryger — Thu, 04 Oct 2012 15:06:38 GMT

Hej Heine, kanon :-)

Herunder er min style.css, som jeg har fundet under udseende, og så editor i wordpress kontrol panel,
men jeg kan ikke se noget der har med menuen at gøre?

*/

#menu-posts-portfolio_item { display:none !important; }

.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}

.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
margin: 5px 0 20px 20px;
}

.wp-caption img {
border: 0 none;
height: auto;
margin:0;
max-width: 98.5%;
padding:0;
width: auto;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

.sticky, .gallery-caption, .bypostauthor {}

#footer .textwidget > img {
margin-bottom: 15px;
}

.ads li a {
display: block;
width: 125px;
height: 125px;
}

#portfolio-content .separator-line:last-child, #blog_list .separator-line:last-child {
display: none;
}

#portfolio-nav.blog_nav {
padding-top: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.aligncenter {
margin: 0 auto;
}

#wrapper img.alignleft {
float: left;
margin-bottom: 0;
margin-right: 15px;
}

#wrapper img.alignright {
float: right;
margin-bottom: 0;
margin-left: 15px;
}

#wrapper {
margin-top: 20px !important;
}

.avatar img {
margin-right: 0;
}

.comments-section ul {
list-style: none;
}

.comment-reply-link {
position: absolute;
top: 0;
right: 0;
}

.depth-2 {
margin-left: 40px;
}

.depth-2 .comment-text {
width: 480px;
}

.depth-3 {
margin-left: 40px;
}

.depth-3 .comment-text {
width: 440px;
}

.depth-4 {
margin-left: 40px;
}

.depth-4 .comment-text {
width: 400px;
}

.preview-lists {
overflow: hidden;
}

#logo p {
color: #747474;
}

.social-links li a {
width: 28px;
height: 28px;
display: block;
}

.video_slide iframe {
border: 1px solid #E7E7E7;
padding: 4px;
}

Svar: Hvordan ændre man designet på sin menu i wordpress?

Heine — Thu, 04 Oct 2012 14:58:57 GMT

Emil Stryger:

Ingen der har en løsning på hvordan, dette skal gøres ? :-)

Det har jeg!

Du skal blot rette i style.css. Hvis ikke du kan læse/skrive CSS, så vil jeg anbefale dig at bruge google :-)

Svar: Hvordan ændre man designet på sin menu i wordpress?

Rasmus Hoeks — Thu, 04 Oct 2012 14:58:21 GMT

Jo - vi er masser, der har en løsning. Men vi kan ikke hjælpe dig, før du har lagt dit site online, så vi kan se, hvilken kode der udgør din menu. Når vi kan se det, kan vi sagtens hjælpe dig.

Svar: Hvordan ændre man designet på sin menu i wordpress?

Emil Stryger — Thu, 04 Oct 2012 14:53:44 GMT

Ingen der har en løsning på hvordan, dette skal gøres ? :-)

Svar: Hvordan ændre man designet på sin menu i wordpress?

Emil Stryger — Thu, 04 Oct 2012 13:35:56 GMT

Hej Anders, den er desværre ikke online endnu, den bliver kørt lokalt :-S

Men Jeg har et helt standard wordpress site, og skal ændre menuerne ?

vh
Emil

Svar: Hvordan ændre man designet på sin menu i wordpress?

Anders Helbo — Thu, 04 Oct 2012 13:28:53 GMT

Hej Emil

Smid lige et link til din hjemmeside, så kigger jeg på det.

Hvordan ændre man designet på sin menu i wordpress?

Emil Stryger — Thu, 04 Oct 2012 12:23:30 GMT

Hej.

Jeg sidder med et lille dilemma.
Hvordan ændre man sin menus design i wordpress.
Jeg vil blot ændre farven, på en af menupunkterne i wordpress, og
lade de andre forblive den allerede valgte farve.

Jeg håber at der er en herinde, som kan komme med et godt svar :-)