WordPress.com is an easy way to start blogging. Get a blog, check out our features, read the latest announcements, choose from great themes, or learn about the team behind it.
Need help? Check out our Support site, then
Hello,
I need help regarding:
1- reshaping my header's dimension
2- If still haven't purchased the CSS however while testing it and adding background image, the image get displayed several times down the page.. I want to see if
a. its possible to choose whether to have it center, right left.. etc
b. choose to have it at top (rather than repeating itself the down you go with the page).
Thanks guys
The blog I need help with is faisalirshaid.com.
@faisalirshaid
If you click the "member" link under your username you will find every thread you have started and every post you have made to this forum. Please don't duplicate threads.
The bottom line on CSS customization support is that there is no official Staff support for learning CSS editing, and the upgrade is not recommended to those who lack CSS editing experience and are not capable of working independently. There is very little unofficial CSS editing support from your fellow bloggers and those who do provide it work fulltime. They pop in to give a hand here and there at their own convenience.
What that means is you must be focused on using tutorials and the preview function to sort out your own answers, and you must be patient while you wait for your fellow bloggers who help with CSS editing to log in and find this thread and help you.
All i need is help....
As your fellow bloggers who volunteer after their working hours are not available at this time and that usually amounts to a single person providing almost all CSS help on this forum. Creating duplicate threads, bumping your own threads and crying "help" will not change the reality that those who can help are not available at this time.You will have to patiently wait for them to login and locate the thread and help you.
"crying for help"!!! its been almost 2 days and no one stepped in to help.
Its fine...
To change the header dimensions, use this code:
faisalirshaid
div#header{
height: [YOUR-DIMENSION-HERE]px;
width: [YOUR-DIMENSION-HERE]px;
}The code above is "equivalent" to this:
#header{
height: [YOUR-DIMENSION-HERE]px !important;
width: [YOUR-DIMENSION-HERE]px !important;
}Also note that the brackets are meant to say "you put your value here" and they should not be there in the actual code.
Regarding your question about the background image, the answer is yes to both.
@devblog
I have tried entering the code but it didn't work.. I tried to enter 5 and 2 (H and W) as an example but didn't work?!!!
My last question is:
how to change the small image (under header, before title of page).. it looks like a triangle missing a line.. is it possible to change it? And how?
Thank you so much
post the code you enter, let me see how you did it
div#header{
height: [5]px;
width: [2]px;
}
what do you think?
Did you read the entire post?
I think I explain something about the brackets in the code...
ohhhhhh.. it worked now :)
can you help me with my question about the small image (under header, before title of page).. it looks like a triangle missing a line.. is it possible to change it? And how?
If you have time...
thank you so much
one more thing about header:
its actually cropping the image rather than resizing it.. this is how is should be right?
can you help me with my question about the small image (under header, before title of page).. it looks like a triangle missing a line.. is it possible to change it? And how?
I don't see the triangle you speak of. If you still see it, it may be cached; try force reloading the page Ctrl + F5 if you use a PC, Command-Shift-R if you use Fx on a Mac.
its actually cropping the image rather than resizing it.. this is how is should be right?
Correct. Why? Because you cannot resize a background image but the element which has it.
1) triangle image before the page name (when you open the page).
for example before faisal irshaid (name of the page) above my photo.. this is what am talking about...
regarding the image.. resizing the header worked, but sometimes i want to resize the image as well instead of cropping it so that an image in the header would be relocated accordingly..
thank you so much...
Oh you meant the POST title. To remove it, you'd use this code:
.lefth2img{ display: none;}Because the image is coded in the markup, to change with CSS might prove difficult if even possible. I would need to make some tests; I can't do them right now though... maybe during the weekend.
but sometimes i want to resize the image as well instead of cropping it so that an image in the header would be relocated accordingly..
Like I said, you cannot resize background images, so you will just to have to resize the image using Photoshop or a similar program and then upload it to your account.
Man you rock...
Thank you so much.. you helped me with everything...
I really appreciate it.
My last question would be:
Is it technically possible to make the whole page bigger (change dimensions)?
I.e: the width for instance, become covering a wider area of the webpage instead of the center?
Thank you again
Think nothing of it.
Yes, you can make the contents wider but it would really still be centered, though. Now, if you wanted to align it left, that should be possible too.
Be aware that a lot of tweaking might be involved, though.
If i want to keep it center.. and make it wider.. how do i do that?
Thanks mate one more time
And i just discovered something which is annoying.. each time i click on the title of my twitter widget (Follow Me LIVE), it opens twitter in the same page, is it possible to redirect it to a new window?
cheers
I can give you the code for making it wider but I will look into it either on my break or when I get home. Let me see what I can do for you and I'll post back as soon as I have something.
Regarding opening links in a new window... that's a bad idea, and that is annoying. Don't get me wrong, I'm just giving you feedback; after all, it's your blog.
You would recommend to you reading this article:
Beware of Opening Links in a New Window
Having said that, opening new windows with CSS is not possible. For that, you need to add a "target" attribute in the "a" tag or use JavaScript (which is not allowed in wp.com hosted blogs). I don't use twitter, but I assume that there are some options in the widget that you would make the links to open in a new window. If the widget has no options, then you're stuck with their current behavior.
HTH
Your the boss.
Thank you so much..
will be waiting for your post..
cheers
Okay, I just added 200px to layout making it 900px wide.
Add this to your CSS:
#page{width: 900px;}
#content{width: 650px;}
#sidebar{margin-left: 692px;}Also, modify the "width" property of your "div#header" selector to:
width:900px;Better yet, change it to
width:100%;That way you don't have to worry about changing that value if later on you decide to make your layout wider or narrower.
The values I used in the above selectors are suggested, of course; if you want to have different values, just make sure you they're in proportion to the overall layout (#page selector) like I did.
For your reference, these are the default values (I'm just putting the ones I'm overriding):
#page{
width:700px;
}
#content{
width:450px;
}
#sidebar{
margin:0 0 0 492px;
}That should do it.
Thanks a million MR.. really appreciate it
all the best
This topic has been closed to new replies.
