Hello again. Thanks for contacting us.

This is should be your choice, there is a lot of examples for faqs like that: http://quadra.goldeyestheme.com/v2/pages-faqs-1.html , jumbotrons and actions: http://quadra.goldeyestheme.com/v2/elements-call-to-action.html, tabs, alerts, accordions .etc features. Also you can use an home page like demo-business, blogger or herakles via smaller heights.

Also you can add load more with click or scroll feature to accordions. So this is completely your choice, you can create it easily how you want.

Have a great day.

Sincerely, Zafer

Hello again. Thanks for contacting us.

This is should be your choice, there is a lot of examples for faqs like that: http://quadra.goldeyestheme.com/v2/pages-faqs-1.html , jumbotrons and actions: http://quadra.goldeyestheme.com/v2/elements-call-to-action.html, tabs, alerts, accordions .etc features. Also you can use an home page like demo-business, blogger or herakles via smaller heights.

Also you can add load more with click or scroll feature to accordions. So this is completely your choice, you can create it easily how you want.

Have a great day.

Sincerely, Zafer

Hello, Peter! Thanks for the message.

There is no any bug, they are in a slider and you can drag them to left & right with all mobile devices (tablets and phones). Also you can add navigation arrows or dots for them (they will be visible when any member unvisible).

And you can check modules of this team type on here: http://quadra.goldeyestheme.com/v2/pages-team-2.html

You can use them via normal column system (Quadra or Bootstrap) or use with slider.

And please let us know when you need any help, have a great day!

Sincerely, Zafer

OK….. Thats right (You are right But how the users can see that it is a SLIDER? If there someone could see Arrows like: < > then it would be easier vor each visiter.

Isnt it possible to put in there 3 normal pictures without slide funktion? So in landscape mode a user would see 3 side by side and in normal mode from up to down one after another

Of course Please follow:

1. For the up to down type on mobile: You only need remove .custom-slider class from the row and add .qdr-col-3 class (you change the col count). and please open css/theme.css file and find this code:

.team-type-3 .member{margin:0 15px; height: auto; }

.team-type-3 .member{padding:0 15px; height: auto; }

So there is should be padding, not margin. And it is ok. Also you can use bootstrap 4’s col system on the members. It will work perfectly too.

2. For the navigations or dots: You only need edit “data” attributes for it. For example:

<div class="row custom-slider circle-dots dark-dots c-grab" data-slick="{"dots": true, "arrows": false, "draggable":true, "fade": false, "slidesToShow": 3, "slidesToScroll": 1}">
    ...
</div>

There is true and false options for dots, arrow, draggable .etc options. Also there is possible to use responsive and all other options for each custom-slider divs.

You can choose and use both system. Please let me know when you confused. I will be here.

Sincerely, Zafer

Hello there! Thanks for contacting us.

We have not a Wordpress version of Quadra yet. We will think about it next times.

And of course contact forms are working perfectly. There is need only add simple options. You can see more details on here: http://quadra.goldeyestheme.com/v2/documentation/#contact-forms

Also you can contact with us when you need any help, have a great day!

Sincerely, Zafer

thanks for reply. if you create wordpress great…. because so many options availble in html. i hope you will create.

You are welcome! Yes we are thinking about it and will let you know when it is ready. Have a great day!

Sincerely, Zafer

Hello there! Thanks for contacting us!

Of course, both possible. Please follow for add button on the back face:

You can remove “pointer-events: none;” style code from the .rotate-box class in the css/theme.css file. They will work then. Or if you want, you can add style tag on rotate-box and add pointer-events: all; style. For example:

<div class="rotate-box" style="pointer-events: all;">
     .....
</div>

And about the clickable boxes, any option is no need about it. You can change “a” tag from “div” the ”.rotate-container” elements and add your url. For example:

<a href="#" class="rotate-container ...." ....="">
    .....
</a>

It will work too Have a great day!

Sincerely, Zafer

PERFECT!!!!! thank you so much! It works! You have made Amazing Theme!)))

You are very welcome! And thank you so much for your kind words. I am so glad to hear it!

Please let us know when you need any help, have a great day!

Sincerely, Zafer

Okay, if you add #dotted-navigation id to your side dotted navigation section, will be solved.

Sincerely, Zafer

What is your email? I think I may be saying everything incorrectly and it may be easier to show you the index file. The dotted navigation has the correct id and the css file has the zindex. The code I posted on top is the bar that is shown on top of the dotted navigation.

Of course please send the file. I will check the codes and send you again;

Sincerely, Zafer

I went through everything and I have one final question. I copied the posts from here: blog-styled-column-2.html

and added them to the demo-unfold. I notice the boxes look good but there is no drop shadow effect on hover. Any code I need to add for this effect?

Hello, again. Sure, please follow:

1. Unfold demo is have fixed footer and footer-5 is normal typed. Can you add footer-fixed class to new footer when you copied it to unfold demo? There is must not be any problem.

2. There is classes for shadow, border radius, color .etc options on the blog section. For example:

<section id="blog" class="qdr-blog post-radius gray6 post-shadow lh-lg py bg-white">
     ....
</section>

I guess you removed or didn’t get the “post-shadow” class from the section. If add this class, shadows will be at there. Thanks.

Sincerely, Zafer

Ok both working now

Also adding to my previous reply. What is the code to accomplish this?

Hello there! Please follow:

1. You only need add your video URL to “href” area of this button and add “lightbox” class. There is no need something else. It will work perfectly and get your video’s thumbnail image when you upload this page to server.

2. Please copy this code to anywhere in your page:

    <section class="container sm-py">
        <div class="row calculate-height">
            <div class="col-md-6 col-12">
                <h2 class="v-center semibold-title">Example Text</h2>
            </div>
            <div class="col-md-6 col-12">
                <ul class="client-list client-list-carousel custom-slider no-pm qdr-controls-3" data-slick="{"arrows": true, "draggable": true, "autoplay": true, "autoplaySpeed": 5000, "slidesToShow": 3}">
                    <li><a href="#"><img src="images/clients/logo_01.png" alt="" /></a></li>
                    <li><a href="#"><img src="images/clients/logo_02.png" alt="" /></a></li>
                    <li><a href="#"><img src="images/clients/logo_03.png" alt="" /></a></li>
                    <li><a href="#"><img src="images/clients/logo_04.png" alt="" /></a></li>
                </ul>
            </div>
        </div>
    </section>

This is a template for your image. You can add your text and logos to there. This is completely responsive section on all devices and right place is a slider and autoplaying. You can set it with controls on the “ul” tag. You do not need need any css or js customizing.

If you need another help, please let us know. Have a great day!

Sincerely, Zafer

Hello there! Thanks for contacting.

Yes, you should copy javascript code to bottom of the page. Because they are working with blog scripts. But this script will not slow down your page or there will be no conflict. So you can use it with peace of mind.

Have a great day!

Sincerely, Zafer

thanks, do you have a background music on/off button?

Not now, but if you want we can add it for your website. If you need this, please drop an e-mail to goldeyestheme@gmail.com address. And you can send an example via e-mail. We will let you know back within 1 business day.

Sincerely, Zafer

This is my fault sorry. Sure, you just need add zoom: false, option to there. And this is okay

Sincerely, Zafer

Perfect….. all is fine now. Wonderful support.

A last question please:

How can we add a “normal Picture Tag which works responisve. All we found are mostly …... data background: and path to the picture.

I mean really: How to integrate a picture in the 2old school way>

If I take this code string then it is never responsive

Any Idea?

greetings Peter

You are very welcome!

Sure, if i understand correct, you want add an responsive img. If you add .block and .fullwidth classes to image, it will responsive to parent div’s width value. For example:

<img src="example_img.jpg" alt="" class="block fullwidth" />

Or if you have a few images in an area, you can add .block-img class to some container, for example:

<div class="some-class block-img">
    <a href="#">
        <img src="example_img.jpg" alt="" />
    </a>
    <p>
        <img src="example_img1.jpg" alt="" />
    </p>
</div>

If you mean something, please let me know via more details Have a great day!

Sincerely, Zafer

Hello there! Thanks for contacting us.

I guess you using ”.container” on there. There is different container sizes like: ”.container-xs .container-sm .container .container-md .container-lg .container-xl” You can choose one and use on there. Also you can see descriptions about them on here: http://quadra.goldeyestheme.com/v2/documentation/#containers

Please let us know when you need any help, have a great day!

Sincerely, Zafer

col-md-8 and col-md-5

Can we make scroll down button in Slick Slider?

Hello there! Thanks for contacting us!

1. You just need add “absolute” and offset-md-7 classes to your second col (col-md-5). And they are should be in the relative container and row. An example code is here:

<div class="container relative">
    <div class="row gap-20">
        <div class="col-md-8 bg-colored" />
        <div class="col-md-5 bg-danger offset-md-7 absolute" />
    </div>
</div>

You can copy this code to your website for see a simple example.

2. There is no need any option about the scroll down buttons. You can add just #anywhere link to “href” attributes in the “a” tags. It will see it automatically and make scroll slowly.

Please let us know when you need any help, have a great day!

Sincerely, Zafer

Hello there! Thanks for contacting us and i am sorry for the delay.

There is no need any option about this case, it must show it. Can you drop a message with your ”.svg” image to goldeyestheme@gmail.com address? I will try it on local and server and let you know. Thanks, have a great day!

Sincerely, Zafer

Hello there! Thanks for contacting us!

There is .sm-pb class on the .about section. If you remove this class, they will be closer.If that is not enough, you can add “mt-40” class or “mt-55” .etc (how much you want) to your client section. Have a great day!

Sincerely, Zafer

Hello there! Thanks for the contacting us!

Of course, you can create unlimited scroll effects for backgrounds or elements. An example is here: http://quadra.goldeyestheme.com/v2/elements-icon-navigation.html

You can give these effects (and how you want) to all items. Also here is the parallax background types: http://quadra.goldeyestheme.com/v2/elements-sections-parallax.html (please scroll down).

And you can read the articles about parallax animations from the documentation on here: http://quadra.goldeyestheme.com/v2/documentation/#parallax

Please let us know when you need any help Have a great day!

Sincerely, Zafer

Solution is :

.lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; -webkit-overflow-scrolling: touch; overflow: auto; }

Hello, there!

You are absolutely right. Checked and found the problem, there is need “-webkit-overflow-scrolling: touch; overflow: auto;” options. I really congratulate you! Solved it, will be updated in a few hours. Thank you for your report, have a great day!

Sincerely, Zafer

Merci

Hello there!

These are wonderful words. Thank you very much. We are so happy to hear them! Enjoy with the Quadra! Have a great day!

Sincerely, Zafer

Hello there! Thanks for contacting us!

You just need get the 3 line css code from content/law/css/law.css file. There is 3 line about styles, on 156. line. If you get these codes to your css file, will work perfectly.

Please let us know when you have any question. Have a great day!

Sincerely, Zafer

Ok i tried by replacing the about css on the unfold css file and i also tried deleteding the about css and adding the law about css but I still see this error:

Hello, again.

That looks like a simple z-index error. Can you try add this code to your css file:

.about{ position: relative; z-index: 100;  }

Also about section should have ”.about” class. It must be a simple solution. Thanks.

Sincerely, Zafer

Hello there! Thanks for your message.

Yes, you are absolutely right. We are thinking of doing this. Many thanks for your suggestion. Have a great day!

Sincerely, Zafer

Hello there! Thanks for the contacting us!

There is included some psd files for easy edit to some png areas like that: https://d.pr/free/i/stazZL

But of course, we’re sending free this Quadra designs to Quadra buyers: https://themeforest.net/item/quadra-multi-concept-theme/16026412

If you want, you can drop a message for this case to goldeyestheme@gmail.com address. We’ll send the files.

And please let us know if you have any questions about Quadra, we will be here. Thanks!

Sincerely, Zafer

Hello there! Thanks for contacting us!

Of course, please see google script codes bottom of page or your demo’s plugins.js file. You will see the coordinates for your position. You can add your position to these “position” and “myposition” areas. Your coordinates is: 20.5213877, -100.8276425

If you can’t solve it you can send your url to goldeyestheme@gmail.com address for our check. Have a great day!

Sincerely, Zafer

Thank you for your message! We’ll let you know via e-mail.

Sure, we are waiting for the mail.