Forum Replies Created
-
AuthorPosts
-
JeremyMember
Hi Fawazmt.
Most likely one of your files has spaces before the opening <?php tag
You should NOT output anything before using a header function. Even 1 space is not allowed.Read this post and it gives a few options...
http://wordpress.org/support/topic/header-error-wp-includespluggablephp-on-line-876Hope that helps.
Jeremy
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberOn line 318 style.css you have an active .menu-primary color property set with !important.
.menu-primary a, #header .menu-primary a {
color: #000 !important;
display: block;
padding: 25px 20px;
position: relative;
text-decoration: none;
}This is overriding your other color styling. Remove [color: #000 !important;] and continue styling.
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberThe nature of CSS (cascading style sheet) means styles that are lower on the style-sheet over-rule styles above.
Looking at your style.css the active property for the submenu is on line 1167 while the active property for the main nav is on 1772.
Therefore even though you are styling the sub-menu with a darker color the main nav color over-rules due to it's position on the stylesheet.Two ways you can fix.
1. Either move the sub styling so it lies below line 1172 .news-pro-pink .genesis-nav-menu a {color: #ffffff;}
2. Add !important to the color: property below. This is the easy fix but it's not best practice to use !important too often..genesis-nav-menu .sub-menu a {
background-color: #d2dce9;
border: 1px solid #e3e3e3;
border-top: none;
padding: 12px 24px;
padding: 1.2rem 2.4rem;
position: relative;
width: 200px;
color: #333 !important;
}
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberHi Harley.
Can you post a link to your site?
It makes it much easier to help out.
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberOpen up style.css in a text editor.
If your on a PC notepad is pre-installed. However notepad++ is a free download and is better.
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberI want to change the navigation font size in Serenity theme.... edit line 310 try 26px instead
#nav li a {
font-size: 26px;
}The other parts are on line 617 change these parts of the css in style.css
#content #slider h4, #content #featured-bottom h4, #content #featured-top h4 {
background: #EEEEEE url(images/widget-header.png);
color: #FFFFFF;
font-family: Trebuchet MS, Arial, Verdana;
font-size: 12px;
font-weight: normal;
text-shadow: #055669 1px 1px;
margin: 0;
padding: 4px 5px 4px 10px;
}Spent 20 minutes learning how to use Firebug or Chrome Dev tools and you will learn how to find and adjust the css more easily.
Hope that helps
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberTo be honest I don't think this is the best theme for what you are trying to achieve, due to a large iframe in such a small width.
But anyway getting back to your question, to use up more of the white space you need to reduce the padding on the main article.
On line 1099 play around with the padding.
.entry {
padding: 8% 3%;I have left 8% as the top and bottom padding and added a 3% for each side.
Hope that helps.
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberPerhaps add a width to .site-inner around line 443. Try...
.site-inner {
clear: both;
margin-top: 100px;
margin-top: 12rem;
width: 1200px;
}
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberscg. The issue for you is that your png image is 1140px in length but the actual photo you are using is only about 840px wide and aligned to the right.
Thus you don;t notice the white space at desktop screen size as it is covered by the black background and writing. But when it is reduce and the black disappears (as it's suppose to) the non-full size image become visible.Easy fix. Use a bigger image that stretches 1140px.
If you want to say thanks Follow me on Twitter | My Website
December 21, 2013 at 6:12 am in reply to: How do I change the width of the right sidebar in the Magazine Pro theme #80586JeremyMemberIn style.css
Changing the width in line 489 will allow you to increase the content section
.content {
float: right;
width: 750px;
}Then you can reduce the sidebar primary via line 518
.sidebar-primary {
float: right;
width: 310px;
}For example add 50px to the content and reduce 50px from the sidebar and see if that's how you prefer it.
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberHI Eric.
You will get a much quicker response if you share the URL of your live site.
Alternatively spend 15 minutes learning how to use a tool like Firebug and you can find these CSS modifications quickly for yourself.
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberHi Jenny S.
A link to your site makes it much easier to understand your issue and usually gets a quicker response.
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberYou need to edit the width of each item. At the moment they are both set to 100% hence a line each.
Try changing the width line 297 to 80%input, select, textarea {
width: 70%;
}Then change the width line 767 to 20%
.enews-widget input[type="submit"] {
width: 20%;
}Play around until it suits you. You may also want to change the widths back to 100% in the responsive sections at the bottom of style.css
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberHi.
From the Dashboard go to > Genesis > Theme Settings > Default Layout
and pick any 3 column layout that suits. You can also overide this selection when creating individual pages by picking a different layout.
🙂
If you want to say thanks Follow me on Twitter | My Website
October 1, 2013 at 6:49 am in reply to: Metro Pro – Home middle left & Home middle right Question #64927JeremyMemberYou should try not to use !important unless it is absolutely necessary, otherwise it can override other responsive design settings.
For some reasons you have...
.home-middle-left, .home-middle-right {
width: 730px !important;
}within the @media only screen and (max-width: 1139px) area.
This results in the area being fixed and not responsive when viewed on mobile devices in portrait view.
If you want to say thanks Follow me on Twitter | My Website
September 30, 2013 at 9:05 pm in reply to: Metro Pro – Home middle left & Home middle right Question #64898JeremyMemberAs you guessed you just need to increase the width of these sections. Just make sure you also adjust the widths in the responsive breakpoint section at the bottom of your style.css
E.g.
In the style.css line 1200
.home-middle-left, .home-middle-right {
width: 532px;
}Then in the style.css line 1992
@media only screen and (max-width: 1023px)
.home-middle-left, .home-middle-right {
width: 332px;
}
Note: These widths aren't perfect but I'm just using them as a quick demo. You may also need to adjust the padding to make it fit neatly. Best of luck!
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberIt's hard to say without seeing your site live.... but try adding this code at the bottom of your style.css in the responsive section that says (max-width: 320px)
.home-featured-1,
.home-featured-2,
.home-featured-3,
.home-featured-4 {
width: 100%;
}E.g. it should look like this...
@media only screen and (max-width: 320px) {.header-image .site-header .title-area .site-title a {
background-size: contain !important;
}
.home-featured-1,
.home-featured-2,
.home-featured-3,
.home-featured-4 {
width: 100%;
}}
If you want to say thanks Follow me on Twitter | My Website
JeremyMemberYour question is hard to follow.
Which short codes are you referring to? What four columns are you referring to?
Much easier to hep if you can attach a URL or image
If you want to say thanks Follow me on Twitter | My Website
September 26, 2013 at 3:42 pm in reply to: Metro – Remove underline from all links & eNews for blog subscribe? #64382JeremyMemberSeptember 26, 2013 at 4:58 am in reply to: Metro – Remove underline from all links & eNews for blog subscribe? #64268JeremyMemberAdd this to line 1647...
text-decoration: none;
e.g.
.metro-pro-green .entry-title a:hover, .metro-pro-green .genesis-nav-menu > .right > a:hover, .metro-pro-green .site-footer a:hover, .metro-pro-green a, .metro-pro-green h2 a:hover {
color: #21c250;
text-decoration: none;
}
If you want to say thanks Follow me on Twitter | My Website
-
AuthorPosts