Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #1497194
Regarding Using the App Landing Homepage
Closed

Comments

  • francissrun started the conversation
    March 9, 2018 at 8:18am

    Regarding Using the App Landing Homepage:

    While replacing content with our own works well enough and looks okay on desktop. One mobile the typography is very badly off. There are quite a few small quirks in fact.

    Are there comprehensive instructions for setting up App Landing exactly as you have on the demo found here: http://codex-themes.com/thegem/thegem-app/

    Here it looks wonderful, but some settings and explanation are missing regarding achieving what is in the demo. Please help

  •  7,092
    Oliver replied
    March 9, 2018 at 9:26am

    HI!

    here is an example of CSS for controlling font size for mobile:

    @media (max-width: 1000px) {
h1, .title-h1 {        
    line-height: 30px !important;        
    font-size: 30px !important;
}
h2, .title-h2 {        
    line-height: 30px !important;        
    font-size: 30px !important;
    }
}
@media (max-width: 768px) {
h1, .title-h1 {        
    line-height: 30px !important;        
    font-size: 30px !important;
}
h2, .title-h2 {        
    line-height: 30px !important;        
    font-size: 30px !important;
    }
}
@media (max-width: 500px) {
h1, .title-h1 {        
    line-height: 30px !important;        
    font-size: 30px !important;
}
h2, .title-h2 {        
    line-height: 30px !important;        
    font-size: 30px !important;
    }
}

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • francissrun replied
    March 9, 2018 at 10:26am

    Even though I updated the font size in the theme settings for the Quickfinder Title Font the size remains at 16px. I also tried to target the CSS but i can see when inspecting that the selector is being cancelled. How can I increase the size of Quickfinder Title Font in this case?

  •  7,092
    Oliver replied
    March 9, 2018 at 10:41am

    pls. give me link to the page where you need to change it.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  7,092
    Oliver replied
    March 9, 2018 at 11:11am

    HI!

    pls. use following css:

    body .quickfinder-style-classic .quickfinder-item-title {
    font-size: 20px;
}

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • francissrun replied
    March 9, 2018 at 11:54am

    Thanks for all the help. I have a few more quirks to find asap. Maybe you can continue to aid me.

    What is the text for these arial and check boxes RED in this contact 7 form:

    https://www.luxuryselling.com/home/homepage-app-landing/#connect

  •  7,092
    Oliver replied
    March 9, 2018 at 11:57am

    You need to change the color?

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  7,092
    Oliver replied
    March 9, 2018 at 11:58am

    If yes, use this:

    .wpcf7 span {
    color: #000 !important;
}

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • francissrun replied
    March 10, 2018 at 9:10pm

    Thanks for your timely help over the last few days. I delivered site to client on time, however, i may have a few more questions here and there.

    1) Slider Revolution is not properly activated, and so I can't update it. Also LayerSlider is not activating and can't be updated. No guidance from Evato Market on the issue. Can you help with these?

    2) How can I import js scripts that should otherwise go before the close of the head tap? For example: 

    ///<!--- script src="https:///www.google.com/recaptcha/api.js">

    I have several more btw.

    Cheers

  •  7,092
    Oliver replied
    March 12, 2018 at 9:06am

    Hi,

    1. All the plugins updating wia our own repository only after the checking on compatibility with the theme, pls. wait a bit soon we'll upload this plugins to repository. 

    2. In order to add this script you need to edit template:

    /wp-content/themes/thegem/header.php

    Before the editing copy this file to the child theme for the safety feature updates.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver