Picture too small on page
-
Hi Guys,
I’m trying to make a subscribe page, but the main image I use is coming up quite shrunken, no matter how I size it. Could you please help?:)
This is the page I need help with:
https://cswilde.com/aweteam/By the way, I assume wordpress still doesn’t have a mailchimp pop-up integration yet?
The blog I need help with is: (visible only to logged in users)
-
Your theme limits the image width to 605 pixels. Try adding a larger value in the Media Width box on the CSS page of the customiser, you should then be able to stretch the page content with CSS without the theme overruling you.
I also notice you have the footer hidden, this is against the TOS and could get your site suspended so you need to remove the custom CSS that’s doing this.
-
Okay, I’ll remove it (can you tell me which code I should delete from my CSS?) I don’t want the entire footer showing, just the wordpress.com thingie.
Also, can you get me the code to add the larger value to the image?
-
You have a few rules that look like this (but with different numbers each time), these should be removed:
.page-id-2746 #footer { display:none }To tidy up the footer and make it less obtrusive without falling foul of the terms of service try adding in something like this:
body.page-id-2746 #footer .grid { display: none; } body.page-id-2746 #footer .powered { display: block; width: 100%; text-align: center; } body.page-id-2746 #footer a { color: #999; }You’ll have to duplicate it for each page you want to change using the page IDs from the sections you need to delete. You can combine them into just three rules rather than copying and pasting the entire example over and over (which makes it a lot of work if you want to make any modifications). Here’s an example of changing the footer link colour for multiple pages:
body.page-id-2746 #footer a, body.page-id-1234 #footer a, body.page-id-3141 #footer a { color: #999; }As for the image, how wide do you want it to be? And what value have you put in the Media Width box already?
-
All right, I’ve made the amendments but I have a problem.
This is a sign up page and it needs to be clean and rid of distractions, so I’d need the blog at wordpress thingie to come up reeeally low on the page, as in the bottom. Is that possible?Also, the image has width=”286″ height=”43″ but I want it to occupy a good deal of the middle of the page (original size) without it being limited by the text box.
-
The only way we can move the WordPress credits down is to set a static height for the #wrapper, which will mean on shorter windows/screens, there will be a bunch of whitespace below the content, and on smaller screens/windows, that may bother some people that they can scroll down through a bunch of blank page. You can give the following a try. I’ve limited this to screens/windows 800px and wider with a Media Query
@media screen and (min-width: 800px) { .page-id-2746 #wrapper { min-height: 1000px; } ) -
Oh sacredpath, I’m so glad to see you!
Aha, so that would only work on mobiles, right? I tried pasting it on the desktop and nothing happened.
Also, how can I keep the image’s dimensions? The template resizes it everytime : (
-
@acswilde, nice to be seen! :)
The above rule would move it down on screens 800px and wider. On screens narrower than 800px, it would be in the same place as before, but in general, and screens that narrow, it would be at or below the bottom edge anyway.
The image, if we were to try and keep it just as it is, would not fit on a mobile device, so people would have to scroll left and right in order to read or see the text. This is one of the reasons it is best to not include text in images on responsive designed themes, but add it as standard text directly into the editor. That way the theme’s responsive design can shift things and keep it all readable.
-
Oh, you’re a genius, my friend!
Okay, I’ll try to figure out how to put all the elements in the image into the theme… pray for my soul T_T
-
- The topic ‘Picture too small on page’ is closed to new replies.
WordPress.com Forums 