356 comments

Hi,

I need to purchase this theme for my site.
So, before I purchase this I need to clarify some doubts I have. Because I'm new to web things.

1is this suitable for my site (smartcloud.net.sa)?
2.can I change header BG video file with Google Street View?
3.can I replace vitality LOGO in sample with my own?
4.can I change Bottom BG with Google Map?
5.will I get updates after I purchased this theme?

Thanks.

Sorry for my poor English.
Hi there! I will answer your questions below:

1. This is suitable for any website!
2. If you have an image of your Google Street View, you can replace it with the current background image. If you're looking to use the Google Street View and keep its interactive components, then this would take some custom coding on your part.
3. You can certainly replace the Vitality logo with your own, and it's recommended that you use an SVG format.
4. The bottom background is not built to have a Google Map by default, it is a feature you would need to create custom.
5. Every time the theme is updated you will receive an email from WrapBootstrap and you will be able to download the new files!

Hopefully this answers your questions, thank for checking out Vitality!
dolonnen PURCHASED
Hello,

How can I style the label text of the contact form? Especially the text color, which is grey.

I've searched in the used css file of the template. I've wrote a inline css directly in the html-tag of the label. I also searched in the javascript files for commands that changes the color at runtime or so (but I'm a noop on js). I've checked always with the chrome DevTools if the changes take effect on the css attributes of the label tag but nothing happens.
I'm using version 1.4.0

Where can I style the label tag?

Thanks
The floating label that appears when the form is beginning to be filled out is red by default, but I am not sure if that is what you're talking about. The placeholder text is a grey color by default, is this what you are referring to?

If you are talking about the placeholder color, you need to use the ::placeholder pseudo-class on the actual input.

So it would look something like this in the CSS:

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
color: #000000;
}

That would make the placedholder text black in ALL forms, if you wanted to target just the contact form at the bottom you could just put a specific class name in front of the pseudo-class.

Hopefully this helps!
dolonnen PURCHASED
Hi,

Thank you, that helps a much. Yes, it was the placeholder. Yes, the css pseudoclasses and pseudoelements helps. But i have to need to split the css code for every selector, because "a group of selectors containing an invalid selector is invalid" see https://www.w3.org/TR/selectors/#Conformance

In addition I need the !important label

::-webkit-input-placeholder {
color: #555555 !important;
}
::-moz-placeholder {
color: #555555 !important;
}
:-ms-input-placeholder {
color: #555555 !important;
}
:-moz-placeholder {
color: #555555 !important;
}
Yes! That's right! I'm glad you found a solution, thanks for choosing Vitality! :)
Hi,

I purchased the theme, it is awesome, thank you for the wonderful job! However, I have a couple of questions:

- the theme seems to have troubles when viewed in IE (not sure which version), what's the best fix for that?
- when I replaced the small logo with my own (in PNG), it is showing too small - does it have to do with format (SVG is a must?) or there is something else?

Thanks,

Kon
Hey there! Older versions of IE, before IE 9, will have some trouble handling this theme due mostly to the fact that Bootstrap 3 is only supporting IE 9+. Once we move this theme to Bootstrap 4, even more IE functionality will be dropped. The good news is that not a lot of people are using old versions of IE anymore, folks nowadays are mostly using IE Edge or they've moved to Chrome or Firefox.

SVG is not a must regarding the logo, but if you are using your own PNG keep in mind that the image dimensions of that image is being set in the CSS so you won't want any whitespace around your PNG file. Otherwise you can go into the CSS and change the dimensions on that navbar brand image.

Hopefully this helps!
Hey,

Just bought the theme, thnx, so far so good ;)

Was wondering how I can recompile the css files using the lessc command. I use "lessc vitality.less ../css/vitality.css", however, this results in the red version. How can I generate the right css file with a different (predefined) colour scheme?

thnx
You will need to change the themePrimary variable in the variables.less file! That will create a custom color scheme from the LESS files. Hopefully this helps!

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in to add this purchase to your account

$10
That's about 4 cups of coffee
5356Purchases

Licenses: Details »

Single application $10
Version:2.0.0
Type:
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts:
  • Responsive
Browsers:
  • IE 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:No
Categories:
Tags: bootstrap 4, landing page, one page, portfolio, responsive, start bootstrap
Item#:WB02K3KK3
Released:2 years ago
Updated:2 weeks ago
Sold exclusively on WrapBootstrap
StartBootstrap

StartBootstrap

Signed up 3 years ago

Need an admin theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: