GK Header Image Placement

Multipurpose WordPress Theme Forum Support
GK User
Tue Mar 01, 2016 2:08 pm
We need to add a gif file in the lower left hand corner of our GK-header area. I've tried adjusting within the home page area itself with the classes and codings there and was able to get the gif file to show up, but it remains centered and blown up much bigger in size than what the gif size truly is. I tried CSS as well and it only affected the entire gk-header-mod area and image there.

Can you please help me do this? Thank you!

https://nakedasajaybird.net/
User avatar
Fresh Boarder

Joshua M
Wed Mar 02, 2016 9:56 am
Hi,

Did you solve the issue? Because this gif file looks fine now.
User avatar
Moderator

GK User
Thu Mar 03, 2016 12:58 pm
I did, but I am having problems hyperlinking the gif. I tried in the page with HTML, but it throws off the position, placing the gif back in the middle of the and making it larger.
Can you give me any tips on how the image can be clicked on to open to a new window via a URL?

Thanks!
User avatar
Fresh Boarder

Joshua M
Fri Mar 04, 2016 8:29 am
Try to add a link with a css class:
Code: Select all
<a class="egg" href="#"><img src=".../hatching.gif?w=900&amp;ssl=1" alt="" width="392" height="392"></a>


Then please try to add the following custom css code:
Code: Select all
#gk-header-mod .egg img {
    position: relative;
    left: -300px;
    top: 400px;
}
User avatar
Moderator

GK User
Mon Mar 07, 2016 3:25 pm
Thank you so much! That's exactly what I needed and is working great :)
It's much better coding and cleaner than what I had originally come up with as well.

We really appreciate this! Thanks again!
User avatar
Fresh Boarder


cron