homepage background image
-
Hi, I just uploaded a demo image that will look like the one I intened to upload so I can see how it will look…
just like the demo there will be a picture of mine with a banner under it…
now I want that on phone screens it will look like this:
1. form
2. picture under it that will fir all screensalso another thing I dont know why it happens… changes in fonts I did in css wont afeect phone screen but when I minimize the screen in my computer the changes are seen so I dont know why it is not on phone screens…
now this is the css I have:
@media screen and (min-width: 600px) {
.post-603 .hentry-wrapper {
max-width: 42%;
margin-right: 2%;
width: 100%;
}p {
font-size: 80%;
margin: 0;
padding: 0;
}h1 {
font-family: ‘Open Sans Hebrew’, sans-serif !important;
font-size: 170% !important;
margin: 0;
padding: 0;
}
}I am thankful for help with this… I tried so many things and it didnt work…
thanks!
The blog I need help with is: (visible only to logged in users)
-
It looks like you have gotten the font issue taken care of.
You have posted about the background image in a different thread, so let’s continue that in the other thread. It’s all going to depend on the nature of the image. In the other thread, can you provide a link to the image from your media library?
-
Yes here is the summary of all:
First thank you :)1. Where the form is you can see phone picture with yellow screen – I want it to be on the left but there is a CSS rule for the form which affect the picture.
2. In the other child page, where there is another phone picture with black screen I want the text to be closer to the picture. Now there is some white background around the picture so I’m looking for a way to make it “go back” but I don’t want to put it as fetuses image because in mobile it looks cropped..
3. You can see here red banner: bossed up.org
I want to make something similar under the form child page but didn’t found a solution.
Here is what I tried:
Making background picture with only banner on the bottom and in the sizes the theme suggested
But it cropping on mobile and even on of the text in banner is cropped… so I’m looking for another way to get the end result like the red banner…Thanks a lot the sacred path you are my savior!!!
-
1. Where the form is you can see phone picture with yellow screen – I want it to be on the left but there is a CSS rule for the form which affect the picture.
See my reply in the other thread: https://en.forums.wordpress.com/topic/form-labels-css?replies=7
2. In the other child page, where there is another phone picture with black screen I want the text to be closer to the picture. Now there is some white background around the picture so I’m looking for a way to make it “go back” but I don’t want to put it as fetuses image because in mobile it looks cropped..
Give this a try.
img.wp-image-2615.alignright { margin-left: 0; }3. You can see here red banner: bossed up.org
That site comes up with an internal server error, so I cannot view it.
-
Hi thesacredpath
first thanks again :)1. thanks
2. I used it and still not getting me the end result I want… here is a site with similar result: https://www.tonyrobbins.com/
long lines of text – in my site it seems there is a margin to the lines
and the text is more closer to the picture as I want
3. sorry for that here it is (the red banner) http://bossedup.org/ -
Hi there again thesacredpath :)
1 + 2 fixed :)only thing left is the banner here banner here: http://bossedup.org/
I want to make something similar under the form child page but didn’t found a solution a banner that will fit to a bigger screens and smaller.
in the link I gave the banner become “scroll able” to the sides… (I understand if it isnt possible its ok to me to just make it stay there resized)hope you can help :)
-
Hi, the red banner on Bossed is actually a carousel of linked images rather than a single image. When I view it on my phone, it sizes itself down to only three entries instead of the five. That would be pretty difficult to do. It could (probably) be done by adding all the HTML code to the contact section in the editor within its own div and then creating all the CSS to control that, but it would be a lot of coding.
-
Yeah I understand, what I want is really simplier: I dont care if the banner will move as in the site I linked, I just want the banner to be there full on big screens and resized (but full) on smaller screens…
is it possible? -
Hi @moshekahol,
The simplest way to add a banner would be to upload a featured image to one of your front page’s child pages.
Would that work for your needs?
- The topic ‘homepage background image’ is closed to new replies.
WordPress.com Forums 