Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
  • #24645


    I’m using the QUFORM , and i’m having a problem with the tooltip and the margin-bottom, my form is too much under and the tooltip doesn’t appear.

    PS: I’m using the form inside the tabs



    Please provide a URL to the location where this event is taking place. Since there are so many ways to customize this theme, and with a number of updates already released, -there is no sure way for us to provide you with a reliable answer without first looking at the code.

    Your best bet is to mask the link using or show a page on the demo site which displays the behavior. A labeled screenshot hosted on or else where would also be helpful in ensuring success. However. a screenshot alone is not very helpful since we need to see the html/css/js code particular to your situation in order to provide a meaningful solution.




    And how can I change the header fonts and the menu fonts to Titillium Web ???



    I see the problem. I will need access to the server to fix the issue. Since I don’t have that premium plugin to test it locally. Please send credentials to usjahm (at) gmail (dot) com




    This isnt the real version, we are making on my localhost.

    After can you tell me all the changes to me make on localhost? Thanks.

    And I need to change the fonts to Titillium Web, what the best way? Thanks.



    The jquery that the plugin injects into the page has <p> tags embedded in it by WordPress. Since I don’t have the plugin I can’t tell you what code to add or remove since I .. don’t have it.

    When your site is online please let us know so that we can help. You can email me the plugin to look at usjahm (at) gmail (dot) com if you would like so I can provide you support.


    For the font, please open up header.php and find line 65 that looks like:


    On line 64 , please add

    <link href='' rel='stylesheet' type='text/css'>

    Now you just need to add the font family to wherever you plan on using the font. for example

    font-family: 'Titillium Web', sans-serif;

    You can add that to your /css/custom.css file.




    I already emailed you, thanks



    Take a look at the page now. I removed the injected <p> tags. The problem was that the plugin developer left a few empty lines in the code and wordpress doesn’t like empty lines so it decided that each one must be a new paragraph within the javascript thereby causing an error.

    This is the file that I changed, lines 23-138





    Hello Nick,

    Many thanks!!!

    Last questions, is it possible to add a automatic Read more in excerpt on the blog?

    and how to put a Read More like this:

    And can I increase the height of the menu when it scrolled or increase the size of the logo when it scrolled?



    Yes there is an option to do that when you customize the Blog element. There is an option in there as to which way to display the blog items on the archive page.




    Hello Nick,

    I did this, but didnt work, I just wanna show a button read more instead the simple word, can you help me? And with the menu



    You can add something like this on your custom.css OR quick CSS

    .more-link {
    border-radius: 3px;
    background-image: url("/themes/wp-content/themes/enfold/images/layout/bg-button.png");
    background-repeat: repeat-x;
    background-position: 0 0;
    padding: 10px;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    margin: 3px 0;
    line-height: 1.2em;
    position: relative;
    font-weight: 600;
    text-align: center;
    max-width: 100%;
    background: pink;

    Change the property values.




    Hello Can you help me with this question?

    And can you help me to make the same thing on enfold, I cant do it :/

    is the same thing blue above the footer




    Please see my answer here about the qform

    Copying site

    You need to have a transparent background image and then:

    To replicate the same thing as on the links you showed, make a page. add a color section element, Make the color section background aqua color, and inside it add three 1/3 elements. In first 1/3 element add an image element with the picture of confused clock wearer, in second 1/3 element add the text , and in third 1/3 element add a button.

    Now will need some css to lower the size of the area so that man’s head and shoulders are pushed out on top, and move the button down :

    .avia-button-center {
    margin-top: 50px !important;
    .avia-button .avia_button_icon {
    font-size: 1.3em;
    .avia-align-center.avia_image.avia-builder-el-no-sibling {
    position: absolute;
    top: -160px;

    My Settings on Page:

    My Settings for Color Element:

    **Important, for my CSS to work, the image must be centered and the button must be centered —> My Settings for Image Element … The same must be done when configuring the button element. or change my css to reflect your changes.


    You will definitely need to adjust the css for different screen sizes using media queries,. I suggest you use Google Developer Tools to change the css to by reusing my code but changing the numbers inside the media queries.





    I’m almost finishing the website, its going to be insane!

    I just need fix the logo, I need to put a little bit down and fix how it look on IE(crap)


    1) You can add a margin to the logo – use following code to push it down:

    #header_main .logo img {
    margin-top: 10px;

    2) Try to add the width/height of the logo image to the css code like:

    #header_main .logo img {
    width: 200px;
    height: 200px;

    This will help IE8 to display the image with the right dimensions.



    I did this before, look how look on compressed menu:

    And you closed this topic:

    but dindnt worked yet, still goes wrong


    and the logo is not showing on IE8 and the missing icons too :(



    Please try this code, make sure that you specify the exact width and height of your logo

    #header_main .logo img {
    width: 200px;
    height: 200px;
    width: 200px9;
    height: 200px9;

    Don’t remove the 9 after the value.




    Hello Ismael,

    Dind’t work it


    Hello? I need to fix this


    After fix this, can you help me to add this effect on my logo?


    Hi ramontessmann,

    Aside from setting the width of the logo specifically I don’t know of anything else that could be done.

    As for the logo effect no you would need to look into a freelance developer to customize the logo/implement the javascript.



Viewing 24 posts - 1 through 24 (of 24 total)

The topic ‘Problem with Form’ is closed to new replies.