Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • January 8, 2015 at 3:45 pm #376796
    Tina62

    PLEASE – help me, i have ask this question for several days ago, and get no respons.

    I have make a custom image to the logo area background, and i want it to link to one of the pages.
    Can I – and how – do i do this in the quick css?

    Best regards, Tina

    January 8, 2015 at 3:49 pm #376799
    Yigit

    Hey Tina62!


    @elliott     replied you 2 days ago and we were waiting to hear from you – https://kriesi.at/support/topic/header-background-image-with-link/#post-375356 :)

    Can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Cheers!
    Yigit

    January 21, 2015 at 12:51 pm #382978
    Tina62

    Hi Yigit and Elliot!
    I’m so sorry! I did not seen you have replied my question. I work on a localhost server, so i will upload a screen dump to dropbox.

    Thanks a lot! both of you!
    cheers!
    Tina

    January 21, 2015 at 1:06 pm #382982
    Tina62

    Hi,
    Here is the link to dropbox with an uploaded screenshot.
    https://www.dropbox.com/s/uuki7xa4auwn5uy/Clikable-link-to-background-image.jpg?dl=0

    January 21, 2015 at 3:59 pm #383063
    Yigit

    Hey!

    Please go to Appearance > Editor and open helper-main-menu.php file and find

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', true);
    and add your text right below it as following
    echo "<div class='header-custom-text'><a href='http://kriesi.at' target='_blank'><img src='http://kriesi.at/wp-content/themes/kriesi/images/logo.png' /></a></div>";
    Then you can adjust its position using custom CSS in Quick CSS field

    .header-custom-text { position: relative; right: 0; top: 10px;  }

    Regards,
    Yigit

    January 22, 2015 at 7:39 pm #383934
    Tina62

    hi yigit
    I dont know if we have misunderstood each other, but i do not want to change the position of the background image. I want the background image to be a clickable link to the a page in my website… I sont understand how your code will do that? sorry for my unknowledge :-/
    Tina

    January 22, 2015 at 7:46 pm #383942
    Yigit

    Hi!

    Instructions i posted will let you add a clickable image to your header. Please try it. If you would like to take a look, let us know when you launch your website.

    Best regards,
    Yigit

    January 24, 2015 at 2:45 pm #384871
    Tina62

    Thank You so much!!:-):-) it works!!
    Is there any way the image can be shown in mobile version? I have set the position to: right;-1050px.

    Best regards
    Tina

    January 24, 2015 at 4:19 pm #384891
    Yigit

    Hi!

    Can you post the link to your website please so we can check the image and provide you an accurate custom CSS code? :)

    Cheers!
    Yigit

    January 24, 2015 at 4:56 pm #384907
    Tina62

    Yes offcourse! thanks.
    this is only the testsite – http://psykosyntese.no/wp/

    Best regards
    Tina

    January 26, 2015 at 4:48 pm #385566
    Tina62
    This reply has been marked as private.
    January 26, 2015 at 4:51 pm #385573
    Yigit

    Hey!

    Please change your code to following one

    .header-custom-text {
position: relative;
right: 0;
top: 6px;
float: right;
}
@media only screen and (max-width: 480px) {
.header-custom-text {
float: left;
}}

    Cheers!
    Yigit

    January 26, 2015 at 8:01 pm #385795
    Tina62
    This reply has been marked as private.
    January 26, 2015 at 9:13 pm #385840
    Tina62

    Hi Yigit!
    I try and change it to absolute; and inherit; and that works on both web and mobile version without changing the size of the logo areae! I dont know if it can have influece on any thing els… but i works. Thanks again! Now i will try to understand why my quick CSS for icon box color dont work any more :-/
    Here:
    .header-custom-text {
    position: absolute;
    right: 0;
    top: 6px;
    float: right;
    }
    @media only screen and (max-width: 480px) {
    .header-custom-text {
    position: inherit;
    float: left;
    }

    • This reply was modified 9 years, 9 months ago by Tina62. Reason: Maybe my message was not cleare and spelt correctly:-)
    January 28, 2015 at 3:50 am #386747
    Andy

    Hey!

    glad it works now for you.
    For the other issue, please open a new ticket.

    Regards,
    Andy

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Background image in logo area as clickable link?’ is closed to new replies.