Baskerville issues
-
I’m super frustrated so please excuse me if I’m not seeing an obvious under-my-nose solution. How do I get this theme (Baskerville 2) to NOT put a big white box in the middle of my nice background image? I want the text to go directly onto the background, not in a white box. Also how do I get the WordPress top bar that appears when I load the site normally to NOT cover over part of my header image? The pixel size given makes no sense given the size of the field used. Why on earth did they change things, everything worked before and nothing makes sense now, I’m ready to throw my laptop out the window.
The blog I need help with is: (visible only to logged in users)
-
Hello there,
Happy to help you with this.
How do I get this theme (Baskerville 2) to NOT put a big white box in the middle of my nice background image? I want the text to go directly onto the background, not in a white box.
To change this, you would require some custom CSS, which we can help write for you.
In order to use custom CSS the site would need to be on the premium plan.
how do I get the WordPress top bar that appears when I load the site normally to NOT cover over part of my header image? The pixel size given makes no sense given the size of the field used.
It looks like there’s a header image in use that contains text – you may wish to consider a header image where the text inside has more padding in place – maintaining the size of 1440 × 221.
Adjustments via CSS as above may be possible in order to adding padding/margin above and below the header image.
I hope this helps
-
Ah dangit. Yeah, I’m pretty broke right now, which is why I’m trying to do everything myself. I’d love to pay someone to just fix it all but unfortunately it is just not in my budget right now and I learned HTML in 2001 soooo yeah. And I know it SAYS the header is 1440 by 221 but when I tried to edit the graphic to that size it was nowhere NEAR tall enough, like four or five times too short, so I have no idea where that number is coming from.
-
Hi there,
To clarify, your theme is mobile-responsive to fit on tablets/smartphones, so it adapts it’s layout based on the size of the screen you are viewing your site on. So that is the max size that is shown, but it’s not always shown at that size.
Here for a visual of what I mean. Click the link to see: https://d.pr/v/Rni6NJ
So you can see that on really wide views, like on a desktop computer, the full height of the header is not displayed, but at smaller sizes (like a phone or tablet) it does.
Also the height of the header is smaller than normal on your site because you are not showing your site title and tagline. When those are shown the header is actually taller than it is now. With this in mind I have a workaround I’d like you to try: To create a copy of your site title graphic as a “logo”
To explain, the theme is designed to keep your site title (or logo) at full size and show it within the header without any cropping. This works regardless of how the site is viewed or on what device, it shows up regardless.
To do that, create a graphic that is just your site title text only. You can just crop out the extra purple background on the existing graphic for example, and then load it as a logo in the theme settings here:
In addition to that you will want to set a background image for the header (behind the logo) and for that create a graphic that is 1440 by 221px but just the solid purple color.
What this will do is separate the text from the background instead of embedding them together. this will let the theme control the logo size (which is the text of your site title) independently of the background, which can be safely cropped since it’s just a solid color.
Hope this helps!
- The topic ‘Baskerville issues’ is closed to new replies.
WordPress.com Forums 