In your child CSS if you remove the margin-top and padding-left from this, it will place it under the title and in line with it.
#site-description {
color: #3300FF;
display: block;
font-size: 14px;
font-weight: normal;
margin-top: -20px;
padding-left: 60px;
}
Also, in chrome your menubar is black like the default, I don’t think you added all the gradient CSS for every browser so it’s still picking it up for everything but firefox.
This is what you have
background: linear-gradient(#6666FF, #6666FF) repeat scroll 0 0 #6666FF;
This is what you should also have (untested)
#access {
background: #6666FF; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#6666FF, #6666FF);
background: -o-linear-gradient(#6666FF, #6666FF);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6666FF), to(#6666FF)); /* older webkit syntax */
background: -webkit-linear-gradient(#6666FF, #6666FF);
}
Thread Starter
aasbd
(@aasbd)
Thanks for your help. A little change is there yet. Before my site title and site description was in right side of my logo but now it is in below the logo. How can I fix it?
I didn’t know what it looked like before the update, assumed it was under the logo. Try this
#site-description {
color: #3300FF;
display: block;
font-size: 14px;
font-weight: normal;
margin-top: -20px;
padding-left: 75px;
}
#site-title a img {
display: inline;
padding-right: 10px;
vertical-align: middle;
}
Thread Starter
aasbd
(@aasbd)
Before my site title and description was in the middle of right side of the logo. Now The title is Ok but how can I take the site description to the middle of the logo or just below the site title.
Add the code I posted above, adjust the padding and margins until you get it how you want.
Thread Starter
aasbd
(@aasbd)
Sorry, I could not bring the site description to the top i.e just below the title. it moves only to the right,left or below but it does not move to the up.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Aasbd, you can achieve this by playing around with margins.
This isn’t a WordPress issue. If you require CSS help, consider CSS forums.
In your css you’re missing a closing ; see this padding-top: -30px, and negatives don’t apply to padding, change it to padding-top: 0; and also padding-left: 0; I doubt the margin-right: 70px; is needed either.
#site-description {
color: #3300FF;
font-size: 16px;
font-weight: normal;
display: block;
padding-left: -20px;
padding-top: -30px
margin-top: -50px;
margin-left: 70px;
margin-right: 70px;
margin-bottom: 10px;
}
Thread Starter
aasbd
(@aasbd)
I changed it into zero but the problem is not solved yet. Actually I want both the title and site description will be together and it will be just right side of the logo.
You didn’t fix the missing ; as I mentioned. I don’t know what you mean by “together”
Review your CSS and fix the mistake, then adjust the top and left margins until it’s where you want. You don’t need right and bottom margins
#site-description {
color: #3300FF;
font-size: 16px;
font-weight: normal;
display: block;
padding-left: 0px;
padding-top: 0px <--- MISSING ;
margin-top: -50px;
margin-left: 70px;
margin-right: 70px;
margin-bottom:10px;
}
Thread Starter
aasbd
(@aasbd)
I have corrected according to your instruction but I did not get what I want. I have attached a screenshot. Actually I want like the screenshot. The site description will be just below the site title. http://i46.tinypic.com/2rcwpbd.jpg
As far as I can see you still have not fixed your mistake, either that or a caching plugin is holding the old CSS. add a ; to the end of padding-top: 0px
If it needs adjusting after that, play around with the margins until you get it how you want. The screenshot shows what it should look like with the CSS I’ve already given you.
Thread Starter
aasbd
(@aasbd)
Sorry! Thanks for your support. Now I have fixed it. It is OK. When I go to other page it is OK but when I go to the home page it is seen some extra space at the bottom of the page how can I remove it?
Use firebug to figure out how to remove the space. This and all your questions are simple css design questions and should be asked on a css forum.
