greenbulb profile

Home Forums greenbulb

Forum Replies Created

Viewing 15 posts - 21 through 35 (of 35 total)
  • Author
  • greenbulb
    Participant

    http://www.sonarpen.com

    very happy with the performance of the theme

    greenbulb
    Participant

    Never mind, I am using a lower quality mp4 that is only 10mb to replace the 29mb one. Although poor quality and larger than the 6mb webm video, but better compatibility. Works even on Apple Safari too.

    Elton

    greenbulb
    Participant

    Sorry if I didn’t expressed myself clearly. I know you can switch on the footer parallax effect at theme setting. However, that only applies to the theme builtin footer. I am using the #contact section as the footer of my website and hopping to apply the same parallax effect on it. How do I do it?

    Elton

    greenbulb
    Participant

    This part of your code doesn’t work.

    #page-container header.primary-mobile-light .sh-header-mobile.sh-sticky-mobile-header-active {
        border-bottom: 0!important;
    }

    It is disabled by the !important on the line 1104 of the theme CSS, why do you put a !important there?

    #page-container header.primary-mobile-light .sh-header-mobile.sh-sticky-mobile-header-active {
    	border-bottom: 1px solid rgba( 0,0,0,0.08 )!important;
    }

    greenbulb
    Participant

    Here is the address of my site

    greenbulb
    Participant

    works now! thx.

    greenbulb
    Participant

    Alright, after a lot of trial and error. I understand that it works. You need to add and !important to have it work.

    .header-logo {
    padding: 0 !important;
    }

    Also I want to have the sticky menu shrink down but keep the size of the default one. The CSS code should be

    #page-container .sh-sticky-header-active:not(.sh-header-4):not(.sh-header-5):not(.sh-header-6) .sh-nav > li.menu-item > a {
    padding-top: 5px;
    padding-bottom: 5px;
    }

    My battle with the menu has come to an end. Thanks.

    greenbulb
    Participant

    Sorry, looks like I have just found another firefox related bug. Please see the attached pic which is a comparison between the contact form input field of Firefox and Chrome on Windows 10. The same code running on Chrome display correctly but place holder text and user typed text is not displaced on Firefox. Please kindly help me fix it. Thanks.

     

    Elton

    Attachments:
    You must be logged in to view attached files.

    greenbulb
    Participant

    I replaced the earlier CSS code with the latest one but the padding is still the same. Am I missing something?

    Elton

    Attachments:
    You must be logged in to view attached files.

    greenbulb
    Participant

    I added the custom CSS code but there is no help. Please see the attached screen grab, there is still a 15px gap on top and under the logo.

     

     

    Elton

     

    P.S. the attached pdf is by mistake. Please ignore it.

    Attachments:
    You must be logged in to view attached files.

    greenbulb
    Participant

    quick and effective.

    greenbulb
    Participant

    My attached pic is a screen graph of the same website, sonarpen.com using firefox and chrome. You can see in Firefox, the email field is not align with the button. But on Chrome and Edge, the two elements align perfectly.

    greenbulb
    Participant

    In such case, I will just stick with a one line setup.

    Sorry to bring up another issue, I am hoping you can may the already very good theme to be perfect.

    I found the mailform’s email field is displayed differently on Chrome and Firefox. The one on Firefox is not right.

    Attachments:
    You must be logged in to view attached files.

    greenbulb
    Participant

    Your support is super fast and spot on.

     

    I found a the Copyright Text is having the same <>code ignore/removal issue. I can’t use <br> or &nbsp to separate a long sentence into 2 lines. Developer console in the browser shows the code is removed. I believe it may be caused by the same problem as the Testimonial issue.`

    greenbulb
    Participant

    worked. Your support is wonderful.

     

    One a separated note.  The mother theme style.css has a this styling for h1-h6

     

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    font-family: ‘Raleway’, serif;
    color: #3f3f3f;
    font-weight: 700;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: normal!important;
    }

     

    why do you put !important on line-height?? It makes the value hard to override, other than changing the CSS.

Viewing 15 posts - 21 through 35 (of 35 total)