New Landing › How can we help? › Themeforest Theme Support › Joyn › How to find CSS when not in options or ftp file?

Viewing 15 posts - 1 through 15 (of 18 total)
1 2
  • Back to forum
    Posted in: Joyn
  • March 13, 2015 at 7:37 am #157048
    mhote
    Member
    Post count: 394

    Hi, pls see attached. There’s CSS in firebug showing for

    .full-center #header, .full-center .float-menu

    But we can’t find this anywhere in our Options >CSS or the Joyn >Style.css file.

    Where can we locate this CSS rule to edit the header? Thanks!

    Attachments:
    You must be logged in to view attached files.
    March 13, 2015 at 7:41 am #157050
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please find this code at style.css file line number 4878.
    Thanks
    Mohammad

    March 13, 2015 at 7:44 am #157051
    mhote
    Member
    Post count: 394

    Thanks Mohammad – though I looked in there (if you mean the joyn >style.css) and I can’t figure out where the 50px height rule is being pulled from? As it doesn’t show there… and it’s not in options >css… strange? Any ideas? thanks

    March 13, 2015 at 7:58 am #157053
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    That CSS is an inline style, generated by JS. We need to use JS to work out the height of your logo plus the header padding, then it sets the height of the header

    – Kyle

    March 13, 2015 at 7:59 am #157055
    mhote
    Member
    Post count: 394

    Thanks Kyle… so how can we change this back to 90px height with the contents of the header (logo + nav menu on right) middle vertically aligned, like in the demo version?

    March 13, 2015 at 8:00 am #157057
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    What’s your link?

    – Kyle

    March 13, 2015 at 8:02 am #157059
    mhote
    Member
    Post count: 394
    This reply has been marked as private.
    March 13, 2015 at 8:37 am #157068
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

     .full-center.resized-header #header, .full-center.resized-header .float-menu {
height:60px !important;
}

    Thanks
    Mohammad

    March 13, 2015 at 9:12 am #157075
    mhote
    Member
    Post count: 394

    Thanks Mohammed –

    We’ve managed to change some things… but strangely the below still shows.

    So it cuts off the logo

    .full-center.resized-header #header, .full-center.resized-header .float-menu {
    height: 40px;
}

    Also… can’t seem to get normal css to get the logo vertically aligned in the middle of the 90px container height?

    Thanks for your help troubleshooting

    March 13, 2015 at 9:16 am #157076
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please attach marked screenshot to explain logo alignment issue.
    Thanks
    Mohammad

    March 14, 2015 at 11:12 pm #157370
    mhote
    Member
    Post count: 394
    This reply has been marked as private.
    March 16, 2015 at 6:45 am #157504
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please always provide me specific page url with issue and attach marked screenshot.
    Thanks
    Mohammad

    March 16, 2015 at 7:02 am #157508
    mhote
    Member
    Post count: 394
    This reply has been marked as private.
    March 16, 2015 at 7:12 am #157516
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Are you looking this issue at any small device beside desktop? Please check with this tool http://quirktools.com/screenfly/ and let me know your feedback.
    Thanks
    Mohammad

    March 16, 2015 at 7:15 am #157517
    mhote
    Member
    Post count: 394
    This reply has been marked as private.
  • Back to forum
    Posted in: Joyn
Viewing 15 posts - 1 through 15 (of 18 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register