Super-imposing images (logos) on the Featured Image of the site

• 

  mcsalff · Member · Jan 5, 2017 at 11:59 am

  • Copy link
  • Add topic to favorites

  On our home page, we would like to super-impose 2 logos (that are currently located on the home page of our site – to the right above the text – one is the EU flag, the other is “alff” with a black background) on the Featured Image on the left hand side of the page. We do not want to get rid of the current featured image on the left but rather to add on top of or super-impose the 2 said logos, preferably above the image of the petri dish containing the alga (within the featured image) and just below ‘HOME’ inscription.
  Many thanks
  Helen Bury

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 5, 2017 at 9:36 pm

  • Copy link

  Hi Helen, the images are currently inserted as a gallery and it would be pretty difficult to move that over and above the image. What I would suggest would be to edit your home page and add the two images above the text individually within a div. So, you would insert the two images (probably at medium size) and then switch to the Text tab in the editor and surround the image codes with a div with a CSS class like this.

  <div class="img-move">
  The code for the two images here
  </div>

  Once that is done, we can then create the CSS necessary to move those to the left over the featured image.