Hey guys, I found it out myself, I created another id with another padding and positioning. I will post it below to help people with the same problem, it was pure coding in CSS (and referring to the CSS in PHP)
The main cause why I didn’t see any change I did in the PHP was because I didn’t look carefully what page template was used for the page, so before you edit a PHP file, be sure it’s the right one. I messed up the page.php with the template-fullwidth.php .
Adding an id (by changing width and top values you can position the image):
#heading-img {
position:absolute;
background:url('../Bodega/images/structure/Globe.png') right center no-repeat;
margin: 20px 10px;
padding: 30px;
width: 852px;
top:225px;
}
I called it heading-img because it’s an image overlapping the page-heading id
Then I found out what PHP file I had to edit and added the div like this:
<div id="page-heading">
<h1><?php the_title(); ?></h1>
</div>
<div id="heading-img"></div>
I hope this is useful, and to be honest, creating an id sounds time-consuming (it does to me), it isn’t necessarily!