Forum Replies Created
list of topics you have created till now.
-
-
Yeah, CSS can really be a challenge. Just when I think I have the hang of it, something comes along and bites me in the browser.
As for my screen resolution…mine was/is set to 1440×900. I made the browser window narrower though when I took those screen captures because I wanted to show the rightmost side of the window for reference.
I’m not sure how you’d do what you’re wanting to do. The right hand widget does, in fact, span to the right edge of the horizontal line above it. But visually it does not because you don’t have enough content in it to span the width of the widget. In the image below I gave the widget areas a background color so you can see where they begin and end on each side. I also added some extra text in the right hand widget so you can see how it looks when the content spans its full width.
http://regularold.com/images/wryterfooter2.jpg
I’m assuming you’d have to set the width of each widget area individually based on the content inside of it. The problem with that is going to be the width of the content is going to vary depending on people’s browser settings.
But I’m afraid I’m out of my league at this point, though. Hopefully Mehmet will be able to come up with a solution. Sorry.
Have you cleared your browser cache before checking the css changes? When I look at your site right now the footer looks just like the mockup you posted:
http://regularold.com/images/wryterfooter.jpg
Footer is centered aligned on the page and the text within the footer widgets is left-aligned.
Did you leave the original footer change Mehmet suggested and then add the other one? Or did you replace the original change with the other one?
If you used the two rules together, the first one should center the entire footer area and the second should specifically target the text in the widget areas. At least that’s what it’s doing when I test your site on this end. You might have to add the !important attribute to one or both of the rules:
footer {text-align: center!important; }
footer .widget-area {text-align: left!important;}
If using both rules doesn’t work, could you post the contents of your custom css area? Maybe there’s another rule causing problems.
Try adding this in your custom css field:
footer .widget-area {
text-align: left;
}No problem. Glad it worked out.
I didn’t realize you were using the masonry template for your blog posts. That’s why the css I gave you didn’t work.
Try replacing it with this:
.blog-masonry h1.entry-title {
font-size: 3em;
}PS. When I tested this css on my site, I didn’t need to include the !important attribute. If it still gives you trouble, try adding it.
Sorry about that zaddy. Something else may be overriding the rule. Try adding the “important” attribute to it and see if that corrects the problem. You’d just replace the code I’d suggested before with this:
.blog-posts h1.entry-title {
font-size: 3em!important;
}If that doesn’t fix it, maybe you could post a link to your site. It’d be easier to determine what’s happening that way.
PS. Have you added any other rules that might be conflicting with the post heading and/or post content font sizes? The fact that your content and titles are the same size makes me wonder if this isn’t a possibility.
Try adding this to the Custom CSS area under your Appearance > Theme Options > Style tab:
.blog-posts h1.entry-title {
font-size: 3em;
}You can change the “3em” to whatever size you need.
PS. I’m not with Pixelwars, just a fellow Read WP user so no guarantees. But I did test this on my site and it resized the post title on my index page while leaving the single post page title alone.
Glad to hear it. Thanks for letting me know.
You might try adding the following 2 rules (in the exact order shown) to the Custom CSS area of your Theme Options > Style page:
.site-footer {
display: none!important;
}
.home .site-footer {
display: block!important;
}PS. I’m not with Pixelwars – just a fellow Read WP user – so no guarantees this will work. But I believe it will. Good luck!
That fixed it. It looks great. Thank you!
That fixed it. Thank you, sir!
That worked. Thanks!