Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 29, 2015 at 1:11 pm #419976
    marcelspijker

    I have searched and found a post about using text instead of logo in the header.
    The code displayed in the post is working fine, but the additional code to make a subtext below the main text is not there.

    (link to post: https://kriesi.at/support/topic/replace-default-logo-with-text-or-remove-it-completely/ )

    Could you tell me what to change in the function to have a main and sub text?

    Thanks in advance! ;)

    March 30, 2015 at 8:08 pm #420762
    Elliott

    Hey Marcel!

    Can you send us a WordPress login so we can take a closer look?

    Cheers!
    Elliott

    March 30, 2015 at 8:37 pm #420792
    marcelspijker
    This reply has been marked as private.
    March 31, 2015 at 7:49 pm #421505
    Yigit

    Hi!

    I have added custom codes to functions.php file and style.css file of your child theme. Please review your website now.
    Seems like you have already figured out caption position?

    Best regards,
    Yigit

    March 31, 2015 at 8:31 pm #421538
    marcelspijker

    Deer Yigit,

    This is great. Super!

    But then comes the next problem…

    The underline i have solved,had to address the logo>a:hover instead of the other classes.
    I would like to remove the underline when hover.
    So i added the next line:

    .subtext .first-line a:hover { text-decoration: none; }

    but that dous not work.

    So how can i get those lines gone…

    But below still is a issue…

    Second, when i make the site smaller for telephone, the logo pops-up again and the text gets a very big space above and below the words. You will see it when you make the browser screen very small.
    So what is the solution here?

    And last one, the header should also be transparent when it is small sized and not only when it is big.

    Thanks for the help. I really love your support.!
    (One of the reasons why i finally bought this theme.)

    Kind regards,

    Marcel

    • This reply was modified 9 years, 7 months ago by marcelspijker.
    April 1, 2015 at 6:40 pm #422091
    Yigit

    Hi!

    I have adjusted custom CSS code in Style.css file. Can you please review your website now?

    Best regards,
    Yigit

    April 1, 2015 at 9:03 pm #422153
    marcelspijker

    Hi Yigit,

    The logo is gone, super.

    But the words will be put below each other with big white space between them.

    I have made a screencap:
    http://www.marcelspijker.nl/screenshot

    Also i want the header of the home page transparent to, just like when you watch on a big screen.

    Thanks again!

    April 2, 2015 at 9:11 pm #422775
    Yigit

    Hi!

    Header is now transparent and this is how your logo looks like on my end – http://i.imgur.com/PtxDB1Q.png
    My browser does not go below 480px unfortunately

    Best regards,
    Yigit

    April 3, 2015 at 10:47 am #422950
    marcelspijker

    Dear Yigit, this is getting really close now to what i had in mind. Great!

    The header will still lose transparency when you scroll down.
    I would like the header to stay transparent on the frontpage all the time.

    All other pages it can be white (as it is already).

    I have tried to look wich css to change, but i cant find it.

    When i get about 360px small then some words are put down again, but i will leave that for now, i do not think many screens will have that kind of resolution…

    But the transparency i really would like to have solved.

    I wish you would be near here, then i could by you a beer for all the help :)

    April 3, 2015 at 12:41 pm #422985
    Yigit

    Hi Marcel!

    Please refer to Josue’s post here – https://kriesi.at/support/topic/glassy-transparent-header/#post-310605
    Thanks for the virtual beer, i’ll have it after work :)

    Best regards,
    Yigit

    April 3, 2015 at 3:16 pm #423081
    marcelspijker

    Thanks for the link, Transparency looks great now!

    I hope you do net get tired of me, but ….

    When you press the button below to scroll a full page down it is not correct now. The next part will start just below the header instead of the top of the page.

    Also i have noticed that when you are watching other pages (for example Berichten) with a resolution below aprox 350px the content do starts behind the header instead of below the header. But in this case the content should start below the header…

    Thanks again,

    Marcel

    April 4, 2015 at 12:23 am #423301
    Josue

    Hey!

    Check it now, i changed line 722 in your child avia.js, from:

    							tempPadding = tempPadding + non_shrinking + non_shrinking2;

    To:

    							tempPadding = 0;

    Best regards,
    Josue

    April 5, 2015 at 1:29 pm #423621
    marcelspijker

    Josue (and do not forget Yigit) , thank you! Frontpage looks great now!

    I have noticed that on a normal resolution all other pages react perfect, they start below the header and you can see everything.

    When you resize to get smaller resolution the page contect dous not start below the header but behind the header.

    Is this also something that has to be changed in JS or can this be changed in CSS?

    April 6, 2015 at 5:49 pm #424053
    Josue

    Hi!

    Try adding this:

    @media only screen and (max-width: 767px) {
    .responsive #top #main {
        padding-top: 216px !important;
    }
    #top.home #main{
        padding-top: 0 !important;
    }
}

    Best regards,
    Josue

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.