Beauty Center - Responsive Wordpress Theme
Beauty Center – Responsive Wordpress Theme
“Beauty Center” theme is dedicated to create a beauty salon website, or any health-beauty related one. Using a custom admin panel you can manage more options, from the backgrounds of the website, to text colors and widget sections. The layout is responsive, looking great from a desktop view down to a smaller mobile resolution.
Theme Features
Mobile Ready
- Different stylesheets depending on browser window size
- Featured flexible slider on home page. Touch-slide enabled for mobiles.
- Custom menu available for mobile devices.
- Custom widgets and shortcodes that will resize down to mobiles and tablets resolutions
Custom widgets and shortcodes
- Live twitter widget
- Flickr widget
- Testimonials widget
- Custom posts from category with thumbs widget
- Custom text with thumb widget
- Responsive Google Map shortcode
- Flexible videos shortcode
- Custom layout shortcodes
- Custom shortcodes to create icon blocks and services lists
Unique layout design
- Custom photo gallery page with filtering and popup images
- Custom contact page with ajax form
- Full width page layout with multiple sections arrangements
More features
- Custom admin panel with more options and settings
- Enable / Disable timthumb for image resising
- Translation file included
- Layered PSD File included
- SEO Friendly code
- Works in all major browsers
- HELP files included
New Updates
1. Some core and layout code optimizations
2. Options to translate the comments form and layout (using the .po languages file)
3. Added option to make the photo gallery page full width or with sidebar
4. Options to position the sidebars to left or right side
5. Update the contact form to support a phone input option and another custom one.
6. Small bug fixed for the mobile version menu.
How to update the theme from older versions
1. Download the archive again, it’s free, from your themeforest account.
2. Replace the files of the theme from your server. If you don’t made modifications to the old file you have.
3. Save/Store all the custom settings added in the custom admin panel. Just those custom values added in that panel only. Not the post/pages content. Remember there is no automatically option to save those values, you will need to copy/paste them somewhere and insert them again after Reseting the admin panel.
4. RESET the custom admin panel from the RESET tab. This way you will see the new option in the panel.
The contact form stopped working on my site. Although the messages are being send, I am not receiving anything. Please help http://bonitasbeautybar.com/contact/
ReplyDeleteHi,
ReplyDeleteDid you changed something in the wordpress or the files?
1. If you changed something in wordpress, like installign a plugin, make sure did not created a conflict with the theme files.
2. If you did not changed anything, ask your hosting is they updated something. Maybe they block your emails. Some hosting requires now SMTP verifications for forms. And the form we use in the theme does not have this functionality.
Just tested the form. And the code submit successfully. This means the functions works well in the theme code.
It’s definetily a server issue.
Check your spam folder also.
Regards.
List item/bullet – how to change and get rid of default one?
ReplyDeleteI’ve been trying to spot that from CSS-file but can’t find it. It’s bit annoying as it comes as default when making list item. Some plugin use just elements so I would like to change that.
Hi,
ReplyDeleteSo you want to change the default styling we added for the UL lists right?
Like the one found in the sidebar, and content, as seen on this page in the content
http://themes.sindevo.com/beauty-center-wordpress/2013/04/05/beauty-is-a-precarious-trace-that-eternity/
The styling is found in each CSS color file. Go inside the CSS folder and see the colors styles. For examples:
css/purple.css
The bullet is found in
a.more, .left13 ul li, .entry ul li, .sidebar ul li {
background: url(../images/purple/bullet.png) no-repeat left;
}
In the main style.css you find the padding and other general styles for the lists:
.left13 ul li, .entry ul li {
padding: 5px 0 5px 20px;
margin: 0px;
display: block;
}
Hope this helps.
Regards
Hi, that’s just what I was looking for. Big thanks! I should have checked there..
ReplyDeleteHi I was wondering if you could help me please. A friend has asked me to upload some photos onto her gallery. She is using your theme. I can not for the life of me figure out how to add images! I’ve spent a few hours looking. Here’s her site – http://sallythomashair.com/filter/sally-thomas-bridal-hair/
ReplyDeleteI’d prefer not to tell her that I can’t do it so was wondering if you could possibly send me the documentation that comes with the template please? My email is chatterton1@hotmail.com or may just explain it to me in layman’s terms. Thanks Emma
Hi,
ReplyDeleteWe sent you an email with the documentation.
See there the point nr 4E) Create a Photo Gallery page
Regards.
Thanks, haven’t got it yet though.
ReplyDeleteHi,
ReplyDeleteI have double check the sent email.
It’s sent at chatterton1@hotmail.com (Emma Chatterton) 8 hours ago.
Check your spam folder too, maybe it’s there by mistake.
Regards.
Dear All,
ReplyDeleteI can’t explain but somehow the contact “send” button won’t work anymore. Can you help whats wrong?
The page is http://nailworkers.de/kontakt/
At the moment I have two contact form installed, as the contact form of the page won’t work – I installed easy contact form to catch the contacts until the regular one works again.
Many thanks!
Hi,
ReplyDeleteWhat exactly is not working?
- You did not receive the messages?
- Or you didn’t even receive the seucces message in the contact page once submitted?
It would be easier if I could see the form. Now it’s hidden and it’s hard to tell without seeing it and testing it.
Usually if the form worked before, and not sudently stoped, it must be a javascript error, caused by something that you added recently to the website. It can be a plugin, an update…
Regards.
Hi,
ReplyDeletemany thanks for your mail.
I entered the contact form back to the page, so now it’s visible again. It’s the lower one of the both: http://nailworkers.de/kontakt/
The problem is, that when hitting the send button nothing happens.
I hope you can help!
Many thanks, Annika Staudt
Hi Annika,
ReplyDeleteJust tested your form.
It seems like the form is validating corectly. But after submit, there is no “successs message” apearing.
If I have access to your files I would made some testing. But you can try to do this:
1. Do you remember if before installing the other contact plugin it worked? Maybe this new contact plugin is creating a conflict in the code. Try to disable it for a second and test the form again.
2. Do another test with another email adress added in the admin in the contact form.
3. Try to add another contact title here
“Anfrage über nailworkers.de” without the dot ”.” before de. Dots can create conflicts in the php email titles.
Let me know if one of these fixed the issue.
We will continue investigating after with more ideas.
Regards.
Hi there, thank you for your reply.
ReplyDeleteUnfortunately all three options did not help.
1. I installed the second plugin after the original one did not work anymore, I deactivated it to test, but the original one still does not work
2. Did that, did not help
3. Change the title, so it’s without a dot, did not help.
Can I transfer you the login credentials so you can check? (If possible)?
BR, Annika
Hi,
ReplyDeleteYes if you can provide the wp login details we will take a look at the code there.
But use our contact form , from the profile page-sidebar to privatelly contact us.
Regards.
Hi, I’m using Cloudflare CDN and would like to use their Rocket loader option. Only problem is that when I enable the slider wont show.
ReplyDeleteIn which file and where exactly I should put this code data-cfasync=”false” to make it work?
example is <script data-cfasync=”false” src=”/javascript.js”></script>
https://support.cloudflare.com/hc/en-us/articles/200169436-How-can-I-have-Rocket-Loader-ignore-my-script-s-in-Automatic-Mode-
Hi,
ReplyDeleteSince we never used Cloudflare, we cannot help you with this, and it’s a bit of our support area, since it’s outside the themes files.
But we can help on guidance on how to add a JS script corectly to wordpress and to this theme.
Ass you see all the JS files are loaded inside the functions.js file inside the theme root folder.
If you will open functions.js and check this function on line 49:
function theme_scripts() {
wp_enqueue_script( 'jquery' );
wp_enqueue_script('prettyPhoto', get_template_directory_uri().'/scripts/jquery.prettyPhoto.js', false, '3.1.6', true);
wp_enqueue_script('menu', get_template_directory_uri().'/scripts/menu.js', false, '1', true);
wp_enqueue_script('fitvids', get_template_directory_uri().'/scripts/jquery.fitvids.js', false, '1', true);
wp_enqueue_script('custom', get_template_directory_uri().'/scripts/custom.quicksand.js', false, '1', true);
wp_enqueue_script('tweet', get_template_directory_uri().'/admin/twitter/jquery.tweet.js', false, '1', true);
wp_enqueue_script('flexslider', get_template_directory_uri().'/scripts/jquery.flexslider-min.js', false, '1', true);
wp_enqueue_script('effects', get_template_directory_uri().'/scripts/effects.js', false, '1', true);
}
add_action( 'wp_enqueue_scripts', 'theme_scripts' );
So you need to define the file as for example:
wp_enqueue_script('fitvids', get_template_directory_uri().'/scripts/jquery.fitvids.js', false, '1', true);
And it will be automatically loaded with
add_action( ‘wp_enqueue_scripts’, ‘theme_scripts’ );
This will load the JS file at the bottom of the file code.
And normally when the slider is not showing this means a JS error. And the most common error users do, is to load jquery library twice on the theme. Jquery is enabled by default in wordpress, and when you use another plugin or JS script make sure you don’t use some libraries twice.
Hope this helps.
Regards.
Hello. I am a registered user of this theme. We use it for www.svitlana.nl . I tried moving to PHP 7 (version 7.1.2 to be precise) and then I get a lot of errors. May it is because I have a version of the theme which is 1.5 year old, or maybe the current version is not PHP 7 compatible either.
ReplyDeleteQuestions:
Has the theme been tested with / is it supposed to work with PHP 7.1?
If not (either) can we expect an updated theme for PHP 7.1?
If I swap PHP to version 7.1.2 I get:
Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; AdmincorePosts has a deprecated constructor in /home/perfe179/public_html/svitlana.nl/wp-content/themes/beautycenter_wordpress/admin/widgets/category-posts.php on line 15
Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; widget_flickr has a deprecated constructor in /home/perfe179/public_html/svitlana.nl/wp-content/themes/beautycenter_wordpress/admin/widgets/widget-flickr.php on line 5
Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Widget_twitter has a deprecated constructor in /home/perfe179/public_html/svitlana.nl/wp-content/themes/beautycenter_wordpress/admin/widgets/widget-twitter.php on line 2
Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Widget_textcontent has a deprecated constructor in /home/perfe179/public_html/svitlana.nl/wp-content/themes/beautycenter_wordpress/admin/widgets/widget-text.php on line 2
Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Widget_testimonialcontent has a deprecated constructor in /home/perfe179/public_html/svitlana.nl/wp-content/themes/beautycenter_wordpress/admin/widgets/widget-testimonial.php on line 2
Cheers, Peter
Hi Peter,
ReplyDeleteWith just some basic php changes the theme will support php 7+ servers.
Tomorrow will update our theme, and reply to your comment again.
Regards.
Hi,
ReplyDeleteI’ve just purchased and installed the theme for Wordpress used on http://hchairandspa.com – A couple of questions if I may?
1) Contact page – The Google Map.
I’ve tried our map’s embed script, and now your iframe script, and it still keeps simply displaying the HTML iframe content rather than the map. Can you suggest anything?
2) The footer columns, is it possible to enter line breaks? E.g. In the third column, between the end of the phone number and the “Address:” title, as we’d ideally like to put the address on a new line.
Thanks in advance.
Regards,
Mark.
Hi Mark,
ReplyDelete1. I think you added the google map shortcode in text mode of wordpress editor.
Make sure if you are in the TEXT mode that you code is:
[googlemap]<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13854.781601334147!2d-95.35807184999999!3d29.757527450000016!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8640bf246c71b97b%3A0xdcf0529c0565fc84!2sDowntown!5e0!3m2!1sro!2s!4v1402508780198" width="100%" height="350" frameborder="0"></iframe>[/googlemap]
If you switch to visual mode you should see the [googlemap]...the actual map..[/googlemap]
2. Widget have a HTML and SQL injection protection in code. This is a new requirement for wordpress themes. Not all respect this but we did.
In admin/widgets folder/ the file widget-text.php have the following code in 3 places.
This removes the HMTL injection in widgets automatically.
$test_content = sanitize_text_field($instance[‘test_content’]);
If you want to use HTML tags in widgets you will need to edit that line to
$test_content = $instance[‘test_content’];
We can send you a customized file if you want.
Regards.
Soveld – Heh, didn’t get email notification from your answer so put question here twise!
ReplyDeleteOk, glad you solve it.
ReplyDelete