Discussion on Definity - Multipurpose One/Multi Page Template

Discussion on Definity - Multipurpose One/Multi Page Template

Cart 2,169 sales
Well Documented

ajdethemes supports this item

Supported

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

479 comments found.

Hi, I have based the site on the contact form that has the map background. Given that you said Google are now charging for this, can you provide instruction on how to change out the map for a background image? Much appreciated. Thanks a lot.

Hi, that require customization and that is not covered by the support. but is a simple one just remove the map add image of the map on that place and write some css to fit it in place.

Hello, I have a problem with changing background image in Agency2OP. http://plany3d.pl/ I’ve changed every background image in hero.css and maintenance-page but there is still this basic background displaying.

Hi there, first thank you for the purchase.

Here is the CSS for changing the background image:

.agency2-hero {
    background: PATH/TO/YOUR/IMAGE/HERE;
    background-size: cover;
    background-position: 50%; 
}

Hope this helps & have a nice day,
Viktor | 89elements

Great theme! I got a little problem, can you help me?

I’d like to use the “recent blog posts” component in WPBakery Page Builder. Everything works fine if I choose the 3 posts layout, but if I set (for example) 6 blog posts, the layout appears to be broken!

I expect 3 blog post in a row + 3 post in the row below… but no way!

3 post in the first row + 1 post in the second one + 2 in the last… Maybe it’s not supposed to be like that!

Same problem in Safari and Firefox (even on a totally blank page with no customization or other element at all). Can you help me?

I’d really like to show more than 3 posts.

Thank you

Hi there, please contact me via account that you’ve purchase the theme, share WP admin access and I will look into this in more detail.

Have a nice day,
Viktor | 89elements

Hi, the map on the index page is showing ‘This page can’t load Google Maps correctly.’ and has ‘For Development Purposes Only’ written across it multiple times – can you let me know how to remedy this please? Thanks, Scott.

Hi there,

Google made their platform Google Maps not free anymore and they require you now to have API key (which you can add into the gmap.js file) and that key needs to be in account that has billing enabled so they can charge you monthly for using their maps.

Have a nice day,
Viktor | 89elements

Hi,

More about the CSS style Sheet error. Today i bought your theme, but when i try to install it, it show me the error message. I read on support web that i must upload the Distinty.zip inside Main Folder, but wen i unzip the main folder that i have downloaded, not exist the Destinty.zip file. I only have this files:

Definity Folder (not .zip file) Help File Folder

I try to zip Definity Folder, but the error continues appearing.

Por otro lado, can you send my the PSD files, please?

Thanks!

purchase code: 1c9ffdba-a7f7-4d8f-8457-25d3ccc72114

Hi there, first thank you for the purchase.

Please, read the help file there is explanation there how to start using the template. Also keep in mind that to use the template (HTML version) you need minimum knowledge of HTML, CSS and JS.

If there is a problem with the download or the zip file won’t unarchive re-download the item.

For the PSD files contact me from the contact form on my profile page and I will share the link to the PSD via email.

Have a nice day,
Viktor | 89elements

Hi, the templates look really nice and I am most likely going to purchase Definity with a year’s support – just a couple of questions for you – I presume all elements can be swapped between templates? I want to use a full-width video header and have a gallery (image slider) on the same site. Can you confirm this will be possible? Thanks a lot, Scott

Hi Scott, thank you for the interest in the Definity template.

Yes, all elements work separate and can be swapped and re-arranged in any way you see fit.

Yes, you can have video header and gallery on a same site.

Also, this template is available as a WordPress theme here.

Have a nice day,
Viktor | 89elements

How much to get Customization Service?

I’ve replied with answer to your previous email thread (about moving the animation).

Hello, I need some help maybe you can help? Im looking to identify the animation on the hero on two of these pages. The dot that moves with the mouse. and Also the element ‘features.html’... if you scroll down the two blocks that are staggered when you try to place n mobile view it breaks. Seems like alot of these pages break in mobile view.

Please share a screenshot of the bug and describe it in detail (use my email or the contact form on my profile page) and I will send you the fix on Monday when I will be back in office.

Have a nice day,
Viktor | 89elements

Hi Viktor I emailed you at your andonov.viktor89 email.

Thanks,

Felix

Thanks, please keep one support thread (email better for faster answer).

Hi there, some features don’t display correctly on mobile (I’m using an Android Moto G 4) the page moves sideways and navigation appears partially outside the page. this happens when you add the navigation at the end of the single portfolio page (the next button seems to have issues) and Features – Cards 2. These are the ones I’ve had issues with so far.

I see, on the Single portfolio page, the horizontal scroll bars are caused by the portfolio navigation – simple fix just add overflow: hidden.

The other links is problem with the Feature Cards 2, just resize them for your content with media queries and lower their width for e.g. to 300px and the same for the image inside them – that will fix it.

Hope this helps & have a nice day,
Viktor | 89elements

Perfect! Thanks a lot for your help :)

No problem, I am glad I’ve helped :)

Hi Viktor. You asked me to contact you directly about changing the collapse point of the navbar. Per your suggestion, I have already created my own custom css that loads last and have been using that for a small number of customizations. You created a very nice template!

Hi first thank you for the purchase and the good words.

Yes, I’ve answer your previous comment, what you need to do is now create custom media queries for your desired breakpoint, add them in your custom css, then rewrite the default Bootstrap 3 navbar collapse rules there.

Have a nice day,
Viktor | 89elements

Hello,

I’m using the ThemeForest Definity theme. The default collapse point for the navbar is set to 1260 ($screen-lg) and I’d like to reduce this so the full navbar displays at smaller sizes. Can you tell me the correct way to do this?

Thanks,

-brian

My purchase code is: 68d9ce48-fa4a-477d-914a-aa9811c83dd4

Hi there.

There is no simple way to do this, the template uses the default Bootstrap 3 breakpoints. If you change it for the screen-lg it will affect all elements on the template.

You will need to do some customization to overwrite the default “lg” media query for the navigation. Then you will need to write your own custom media queries with your specific breakpoint that replicates the default Bootstrap 3 navigation menu collapse.

It’s a lot of work and customization is not included with the support.

Hope this guides you in the right direction & have a nice day,
Viktor | 89elements

hello, i’m working with the index-main-op.html file and can not for the life of me get the background image to change even after modifying the hero.scss.

Hi there, you need to purchase the template before using it (your comment doesn’t show purchase badge).

When you modify SCSS files make sure you are recompailing them back into CSS.

Try making your changes at the end of main.CSS file.

Have a nice day,
Viktor | 89elements

Hi there. LOVE your entire collection of tools here. I’ll never use another template package. BUT- I have an easy question to answer. Problem: Animations, sliders, movies, anything interactive only works when there’s an active internet connection. Nothin seems to load locally unless I’m connected to the internet.

Problem: Can’t effectively check my own revisions unless I’m connected to the internet

This seems to be consistent in Chrome and Safari.

I’ve looked through the scripts and code and not seeing any external reverences anywhere.

What am I missing?

Thanks for anotherwise great product, BTW.

Thanks Viktor. I’ll do a little more homework on this. Not sure why my purchase badge isn’t appearing. The theme was legitimately acquired via Envato (or I wouldn’t be here…) Might be worth pursuing via Envato market support. Let me know if there’s any part of this I can help with, provide purchase receipt, confirmation, whatever…

Hey Viktor, one more thing. Would you be OK with me making some copy suggestions to correct English spelling and grammar in your documentation as I come across them? Understand if not, but when i find a product I really like, I like to contribute back some good will and support if I can.

Sure, that would be great, just use the contact form on my profile page to send it via email.

The doc. will be updated with the suggestions in the next update.

Thanks,
Viktor | 89elements

Hi guys nice template, first time using bootstrap its amazing. I got a problem with the slider, i want it to reduce its size in mobile resolution, because the slider image is not shrinking all the way so i can see all the image on mobile, the image is cropped as i reduce the firefox window.

Plenase hlp!1 thanks

the same with the main image of portfolio-boxed-1col.html, thanks

HELP!!!!! i need the slider images to be fully responsive and shrink all the way !!! i think as he iamges are added via css it shrinks in a different way and crops the iamg eon mobile.

Please i need the image to shrink completly!! any ideas… pleasee!!!

Hi there, first thank you for the purchase and the good words.

Here is the fix for the portfolio single (1 column).
.portfolio-1col-fw .portfolio-item, .portfolio-1col-boxed .portfolio-item {
    height: unset;
    overflow: unset;
}

.portfolio-1col-fw .portfolio-item .img-wrapper, .portfolio-1col-boxed .portfolio-item .img-wrapper {
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
}

@media (max-width: 1199px) {
  .portfolio-1col-fw .portfolio-item .img-wrapper, .portfolio-1col-boxed .portfolio-item .img-wrapper {
      float: none !important;
  }
}
Add this at the end of main.css or in your own CSS file.

Next set the columns in the HTML from col-md-7 & col-md-5 to col-lg-7 & col-lg-5.

That’s it.

Next the slider bug. First what slider? Are you talking about the main hero that has slider, if so the image is added via CSS so you need to write your own media-queries for mobile sizes in order to adjust that image bg position for mobile sizes.

Hope this helps & have a nice day
Viktor | 89elements

Hi, I would like to check if your Definity template supports RTL languages specially Arabic?

Thanks,

Ibrahim

Hi there, thank you for your interest.

No, the Definity HTML template does not support RTL, but in the HTML version you are free to modify the code how you want – you can just add new stylesheet and write your own RTL support.

Have a nice day
Viktor | 89elements

sorry… one more. is there instructions on how to make the buttons work? I’m kinda confused. I thought they’d work if they have an href associated.

again, this is the services template. here’s the code:

Intro Offer – $1099

and then here’s the second part from Features, is this correct? at least this is working:

<button class=”btn-ghost”>Learn More</button>

Just use the button classes on a link element they work the same. Only links support href.

hello again. thank you for the last response. how about this question. on the Services template, “services-1.html” the responsive element <!- ========== Features – Layout 50/50 ========== -> Features Image

Shows quite a bit of white space in the browser when resizing. this makes the boxes uneven and sloppy in some layouts. box next to it?

Is there anyway to force the 900x580 image into a size that always fits with the
  

i wanted to attach a screen shot, but couldn’t figure out how to do it via this help messaging.

thanks, eric

Hi there,

to quickly solve your problem just remove the gray background or add gray background as a wrapper on the whole section (image and text).

That section will be rewritten in a future update to work better.

Have a nice day,
Viktor | 89elements

hey there… i modified the css for a page, and it works on all browsers but Safari. So Chrome, good, even iPhone version of Safari good. it seems to be a problem with background image placed in css only. and again, it only doesn’t load the load on apple desktop Safari. is there any general help you can give me? or know issues. i think it has to do with this code: no-repeat center center scroll; -o-background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;

Hi there, first thank you for the purchase.

Try removing background-attachment if there is one.

I can’t give you exact answer for your personal customizations, if the page works in the demo the problem is somewhere on your end.

Try commenting out CSS rules for the background till you find the exact problem.

Also, Safari is a broken browser they are always late with updates and is full with outdated rules so if it works in all other browsers probably will fix it in the future update.

Have a nice day,
Viktor | 89elements

hi, could u please help me with my hero image? everything works fine on difrent brakespoints, but the images on the top are not shrinking like the others. and the img-responsive tag did also not work. hope you can help me, oliver

strav.us is the page

Hi there, first thank you for the purchase.

Try adding “background-position: 50%;” in your CSS for the hero image;

You are adding the image with CSS so it won’t shrink like a regular img tag, you can add different media queries for tablets and phones and change adjust the “background-size” and “background-position” for each media query for the best result.

Hope this helps & have a nice day,
Viktor | 89elements

Hi!

I would like to reply the contact form as in the bottom of this page: http://themes.89elements.com/definity-html/index-main-mp.html

I uploaded demo content and created a new form in contact form 7 plugin but the appearance is very different from the page above also there isn’t any animation.

I would like to know if it’s possible to create a form contact exactly the same the example I send.

Tks!

Hi there,

you are writing in the comment section for the HTML version of Definity.

That contact form layout is available if you import the demo data 1, so make sure the import is successful and the CF7 plugin is installed. After that you should see the contact form in the CF7 plugin.

Check the help file for more info about importing demo data.

Have a nice day,
Viktor | 89elements

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