Discussion on Quadra | Multi-Purpose Website Template

Discussion on Quadra | Multi-Purpose Website Template

Cart 1,110 sales
Well Documented

GoldEyes supports this item

Supported

This author's response time can be up to 1 business day.

180 comments found.

We have 8 languages and we put our languages with the full name. We notice the language names to not alight to the left so that the circle flag icons are straight.

Please let me know if there is a code to fix this.

Hello again.

You can change your flag item codes on theme.css file, line 1928 with this code:

/* Flag Item */
    #navigation.modern .flag-item:after{ display: none; }
    #navigation.modern .columns .nav-elements .flag-item + .dropdown-menu,
    #navigation.modern .columns .nav-elements .flag-item + .dropdown-menu a{ width: 170px; padding:5px 10px; text-align: left; }
    #navigation.modern .flag-item img{ max-height: 18px; margin-right: 4px; }
    #navigation.modern .flag-item span{ position: relative; top:1.5px; margin-right: 3px; display: inline-block;}

I customized them for long words if you use.

Sincerely, Zafer

Thank you I will try this. Do you know which design has the cookie alert installed? This way I can grab the code from it. I would like the cookie alert to come out at the bottom. Thanks

Cookie alert already is installed on all theme, not for only a few demo. You just need copy the #cookie_alert div. You can get it from here: http://quadra.goldeyestheme.com/v2/elements-modals.html or some demos.

Sincerely, Zafer

I don’t see any pagination demo in blogs, for example. Just only find Next and Previous

But I see only previous and next. Not page numbers

Ah yes, sure this is simply, please change pagination div with this:

<div class="t-center pt">
            <nav aria-label="Page navigation">
                <ul class="pagination pagination-lg">
                    <li class="active">
                        <a href="#" aria-label="Previous" class="bg-transparent gray9 bold bg-gray3-hover xs-px slow br-0">
                            <i class="fa fa-angle-double-left mini-mr" />
                            Prev
                        </a>
                    </li>
                    <li class="page-item"><a class="bg-transparent br-0 gray9 bold bg-gray3-hover xxs-px slow" href="#">1</a></li>
                    <li class="page-item"><a class="stay bg-gray3 bold gray6 xxs-px" href="#">2</a></li>
                    <li class="page-item"><a class="bg-transparent br-0 gray9 bold bg-gray3-hover xxs-px slow" href="#">3</a></li>
                    <li>
                        <a href="#" aria-label="Next" class="bg-transparent gray9 bold bg-gray3-hover xs-px slow">
                            Next
                            <i class="fa fa-angle-double-right mini-ml" />
                        </a>
                    </li>
                </ul>
            </nav>
        </div>

There next, prev and pagination numbers. Also you can edit their colors, sizes, radius .etc css options with the classes.

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

Sincerely, Zafer

perfect. Thanks

My website is done. :) I do have one question. Where can I get more icons like the ones in your theme for my other languages? For example Chinese, Russian, Arabic etc..

Hello again, congratulations. :)

You can see example flags on here: http://www.iconarchive.com/show/round-world-flags-icons-by-custom-icon-design.html

They are free for non-commercial use. You can find more icons on that website. Have a great day.

Sincerely, Zafer

I am doing final checking on my website before launch. Some small things.

1. There seems to be some type of bug going on with tabs on safari and my iPhone X. I removed this class and they work well slide-effect.

2. Do you have RTL available for Arabic language. I believe they read from right to left.

Hell again.

1. Sure, please share your url via e-mail. I will check them on the safari and mobile devices.

2. Not yet but rtl version can be created with helper class easily. We will create a few rtl variations of the demos soon.

Sincerely, Zafer

I just saw you are working on the knowledge base / help desk. This is big news :)

Hello there;

This is true, we are working on it. And will let you know when this is ready. Have a great day!

Sincerely, Zafer

Hi @GoldEyes, i’ve noticed an issue in Chrome (stable) & Chrome Canary (devbranch) on the Tours Wizard page in elements. In both cases they are non-functional. First page view (no cookies) is frozen in place. Second page view is no tour wizard interface, but the page is still stuck frozen in place (can’t scroll anywhere at all).

On a separate note, do you offer private github or gitlab repo access for people that have purchased your theme, and what’s the best way to get in touch with you directly to discuss project-based work (if this is something you’re interested in)?

Hi Zafer,

Just a quick follow up on this one, do you happen to have gitlab.com or github.com private repo access for those that have purchased the theme? It would be incredibly useful to be able to report issues in a git repo (for example a free gitlab.com private repo), and be able to see changes in code after commits for easier visibility for adjustments that might need to be made to a production website as far as ongoing updates are concerned.

There are a number of other HTML template authors doing this and I think it would be incredibly useful for developers using your template. It would only need to be read-only access (reporter level I believe it’s called).

Hello there! Thank you for your message and recommend.

You are absolutely right. We’re thinking about this case. But we are close to creating a help center. A similar system will be there. Thanks again for your advice!

Have a great day!

Sincerely, Zafer

Hello GoldEyes, i´m having a really bad time trying to make the contact form work, it shows the confirmation message but nothing shows up at the inbox. I have checked the code in the mail.php numerous times and everything looks good, but it does not work. PLEASE HELP! I´m using a MyBlueHost hosting service.

Hello there! Thanks for the message!

Of course, you can see all options about forms on here: http://quadra.goldeyestheme.com/v2/documentation/#contact-forms

And if you still stuck there, just send your php codes (without password) to goldeyestheme@gmail.com address. We will check the codes and let you know.

Sincerely, Zafer

Hello Zafer, i´m still having the issue, i spoke with the hosting company, and they told me it is a PHP issue, can you help me please?

Hello there!

Of course, please drop a message to goldeyestheme@gmail.com address with your php codes (without any password). I will check it and let you know.

Sincerely, Zafer

Hi ,

Page below not working. when click on photo.AJAX Error! Please refresh the page! http://quadra.goldeyestheme.com/v2/portfolio-ajax-in-modal.html

Hello there! Thanks for the message.

There is no any bug or issue. There is just wrong links, they will be changed in a few hours. So no worries, your files are updated. Please let us know when you have any question. Have a good day.

Sincerely, Zafer

Please let me know once the file updated..because i just download the file.still the same issue there.thank you

Hello, again.

Sure, but did you upload the files to server? Because this feature is works only server, not local. And like i said before, there is no any issue now, only wrong links. Thanks.

Sincerely, Zafer

I am on the final page to finish the complete design. I cant wait to show it to you when I am done.

I have one question. On the pricing tables do you know what code I need in order to use the little radio buttons?

For example if one is checked the button goes to one link and if option two is checked the button goes to a different link:

https://cdn.pbrd.co/images/HlF3Lve.png

Hello there! Thanks for the message.

Yes, this is possible. Please drop a message goldeyestheme@gmail.com address about this case. We will send a little script about it. Have a great day.

Sincerely, Zafer

ok thank you. Email sent :)

Thanks! We will let you know soon. Have a great day.

Sincerely, Zafer

Hi, the theme is awesome but the iframe lightbox does not working :/

Hello there! Thanks for the kind words!

You only need add data-iframe=”true” attribute to your “a” tag. It will work perfectly. You can use videos, websites, .pdf files .etc on lightbox.

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

Sincerely, Zafer

I was looking at this unique feature from this theme: http://www.themezaa.com/html/pofo/home-creative-designer.html I just wanted to show you and maybe later it can be added to this cool Quadra theme. The background changes colors as you scroll down on page :)

Hello again.

Quadra is already have this feature. You only need add .bg-changeable class to your fixed element or body. And data-background-color-selector attribute to sections or divs for change background color of .bg-changeable divs. You can use bg-changeable element multiple on a page. You can see example page of this feature on here: http://quadra.goldeyestheme.com/v2/elements-background-changer.html

Sincerely, Zafer

I am using the unfold demo. You said this to me once but the code is different from the law theme.

Please see this image:

https://cdn.pbrd.co/images/HkucBW0.png

I want the height size to be shorter and very vertically aligned.

Please let me know code to change. Thanks a bunch!

Hello again.

I guess you didn’t read our message for your same question. There is already description about this case:

“You just need open unfold.css file in the content/unfold/css folder and edit the /* Home */ area. There is optimized for all screens now, you can see different max width and height options according to different devices. You can customize it as you like.”

You just need change padding values for different screen sizes how you want. No need another option & style.

Sincerely, Zafer

When will you have actual knowledge base style pages? This is the only thing stopping us from going live

Hello again.

We have these plans, but there are important updates ahead of time. It’s like new more demos. I can not give a definite date but it seems to take a few weeks. If you want, we can let you know when they are ready.

Sincerely, Zafer

ok thank you I am excited to see any new updates :)

How do we make a column and it is centered in the container?

We’re talking about blog posts.

Hello there! Thanks for the contacting us!

You can give offsets to columns with the Bootstrap. For example:

<div class="col-md-4 offset-md-2 col-12">
     ...
</div>

This column will be centered. And you can read more information on here: http://quadra.goldeyestheme.com/v2/documentation/#bootstrap-columns

Sincerely, Zafer

You can change the container sizes. like .container-md to .container-sm or xs. Container sizes are here: http://quadra.goldeyestheme.com/v2/documentation/#containers

And you can edit column options from responsive options bottom the this page. For example:

                mediaQueries: [{
                    width: 1050,
                    cols: 2,
                }, {
                    width: 950,
                    cols: 2,
                }, {
                    width: 850,
                    cols: 2,
                }

You can center it according to how many posts you have.

Sincerely, Zafer

Is it possible to add a slider here in the timeline images?

Check this image: https://cdn.pbrd.co/images/HjqMeek.png

Yes, example code is here:

<!-- Content -->
                <div class="history-content bs-light bs-sm-hover slow clearfix animated" data-animation="fadeInUp" data-animation-delay="100">
                    <!-- Row for cols -->
                    <div class="row calculate-height">
                        <!-- Image -->
                        <div class="content-img-container qdr-controls col-md-5 col-sm-12 custom-slider c-move" data-slick="{"dots": true, "fade": true, "draggable": true, "slidesToShow": 1, "slidesToScroll": 1, "responsive":[{"breakpoint": 1024,"settings":{"slidesToShow": 1}}]}">
                            <img src="images/blocks/block_square_01.jpg" alt="" />
                            <img src="images/blocks/block_square_02.jpg" alt="" />
                        </div>
                        <!-- Details -->
                        <div class="content-details bg-white col-md-7 col-sm-12">
                            <h1 class="extrabold-title gray8">Quadra Exclusive Theme</h1>
                            <div class="title-strips-over dark" />
                            <p class="paragraph gray7">Example Text.</p>
                            <a href="#" class="lg-btn block xs-mt border-btn border-gray6 bg-colored-hover white-hover border-dashed bs-lg-hover radius-lg slow">More Details</a>
                        </div>
                    </div>
                    <!-- End Row for cols -->
                </div>
                <!-- End Content -->

Sincerely, Zafer

How do i upgrade to font awesome 5.0?

I need two icons that are missing in theme. font awesome 5.0 has them

Font awesome is changed the icon using system via version 5.0 (.far, .fab or .fas classes instead of .fa). If you update it a lot of font icons will stop work. I you need only 2 icons from 5.0 version, i recommend using them as png.

If you still want update it to 5.0, you can drop us a mail about it and we can change your plugins.css file.

Have a good day.

Sincerely, Zafer

hi there.

where can i see your changelog?

Hello there! Thanks for contacting us.

You can see detailed change log on here: https://themeforest.net/item/quadra-creative-multipurpose-template/21409528#item-description__updates

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

Sincerely, Zafer

excellent – cheers, mate!

How to use this lighbox with hover image? https://ibb.co/fi60tn

Hello there! Thanks for contacting us.

This lightbox is connected with Cube Portfolio and can not be used outside of a portfolio, blog .etc cube portfolio script areas.

And Quadra’s lightbox plugin is have more features and you can do everything what you need.

Sincerely, Zafer

Ok, how do you remove the bottom with small photos?

Please open js/scripts.js file and come to ” LIGHTBOXES” area. There is 3 type of lightbox. You can add thumbnail: false, option to there. For example:

...
thumbContHeight: 100,
thumbMargin: 8,
thumbnail: false,
share: true,
...

You can add it for 3 types of lightbox.

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

Sincerely, Zafer

How can I do this in the law demo? https://cdn.pbrd.co/images/HiXwHLT.png

I want the top header area to not be so large in terms of vertically.

Hello. Please see ”.home” class options in the law.css file in content/law/css folder. There is “height: 90vh;” now, you can edit it and min height option.

Sincerely, Zafer

Very sorry I messed up. It is actually demo unfold I was hoping to accomplish this with. We ended up using this theme. Please let me know how to accomplish having a shorter height home section.

There is same with Lawyer demo. You just need open unfold.css file in the content/unfold/css folder and edit the /* Home */ area. There is optimized for all screens now, you can see different max width and height options according to different devices. You can customize it as you like.

Sincerely, Zafer

I would like to do the following:

https://cdn.pbrd.co/images/HiEsHZb.png

I want to put a svg image in the top footer that is aligned in the middle vertically. I prefer to use svg to retain quality.

Hello again.

There will be no difference between the png and the svg files. Also please give more information and share your url for the check. Because you can add there any image and it will be vertical-middle automatically. Thanks.

Sincerely, Zafer

Hi Is it possible to change Horizontal Accordion menu.

Hello there! Thanks for the contacting us!

Of course, we can help about it but can you send an e-mail to goldeyestheme@gmail.com address via an example about it? We can check it and create a template.

Sincerely, Zafer

o k.thanks. i will send the mail

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey