what page are you referring to? i don’t see that? also what browser are you in?
Thread Starter
hbee
(@heatherbodlak)
For example, compare
http://anpacpibembibre.com/patinaxe/
and
http://anpacpibembibre.com/actividades-curso-2015-16/
When there is no featured image set for the post, there is no banner image above, and the Heading is inside the white box.
i think we are seeing two different things.
http://i62.tinypic.com/5mbpyo.jpg
http://i62.tinypic.com/i20ydy.jpg
or am i missing something?
Thread Starter
hbee
(@heatherbodlak)
What you are looking at there I believe is the “NOVAS” page (with the list of posts…)
The issue I am having is when you click on one of the posts..
here are two screenshots that show the difference between a post with a Featured Image set:
http://hbodlak.com/work/Captura_patinaxe.JPG
and a post with no featured image:
http://hbodlak.com/work/Captura_actividades.JPG
I would like the Heading to always appear like the second one…
(btw -I’m using Chrome on Windows… (not a mac)
Hi,
here is a better way how to resize an image, may be it will help you.
http://codex.wordpress.org/User:Esmi/add_image_size%28%29
https://developer.wordpress.org/reference/functions/add_image_size/
I think you applied css which is not a good way to do.
Thread Starter
hbee
(@heatherbodlak)
I will look into that, thank you!
However… that is only about the images, which I am happy with at the moment, I don’t want to change that anymore.
My issue is where the HEADING is placed… That it seems to move up over the banner image when a Featured image has been assigned to a post.
I want it to stay inside the white box π
I am so sorry I didn’t understand what you were saying at first. I looked at that page and it seems that change would be better accomplished by editing the php file that writes it. I see you are using swell-lite theme. Do you have access to your php files for your theme?
Thread Starter
hbee
(@heatherbodlak)
It’s ok! Yes, I’m using Swell-lite, and I do have access to the php files.
ok you need to change/modify two files. the ‘single.php’ file to remove the place the heading is at now. and then ‘loop-post.php’ to add it there.
in ‘single.php’ you need to remove the following line, line 19:
<h1 class="headline img-headline"><?php the_title(); ?></h1>
in ‘loop-post.php’ you need to add that same line right above this line, line 31:
<span class="divider-small"></span>
so now it will look like this:
<h1 class="headline img-headline"><?php the_title(); ?></h1>
<span class="divider-small"></span>
and then you will have to add this css to your style sheet. It will format the heading to look the right way.
.headline.img-headline {
color: #333;
position: initial;
top: 0;
width: 100%;
font-size: 3.8em;
text-align: left;
letter-spacing: -2px;
margin-top: -12px;
margin-bottom: 0;
padding: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
Thread Starter
hbee
(@heatherbodlak)
THANK YOU! That did it. Exactly what I needed. You have been my heroes today! π
Cool. glad everything worked. I went back to your site to look at your handy work, but its under construction.
Thread Starter
hbee
(@heatherbodlak)
oops! I’ll make it live a few more minutes.. let me know when you’ve taken a look π
That looks really good! good job editing the code! a lot of people get scared of it.
Thread Starter
hbee
(@heatherbodlak)
Thanks so much! Your help was crucial!
Since the site is still in process I must change it to “Under Construction” mode again now π (I am making up the content mostly until the client send me things!)
Thread Starter
hbee
(@heatherbodlak)
uh oh! I need your help again!
Because now the Header is showing up strange on PAGES that I have assigned a featured image to. Example:
http://anpacpibembibre.com/faite-socio/