7835 comments found.
I am having issues saving the changes in tatsu, they won’t upload to the live preview. I can make some in-line text updates but images wont show at all. Help 
Hi,
We have responded to your ticket about the same query via email.
Thanks, Varsha
I have emailed you back, did you receive it?
Hi,
We did reply back to your email requesting your URL and admin details. However, we have not heard back on that. Kindly respond back with the necessary information so we can investigate the issue at the earliest
Thanks, Pavithra
Hi I am having trouble wth call of actions widget in Oshine/Tatsu. Basically when I am in ‘Edit with Tatsu’ and make any changes to my site then save my work and go live I get the following error where the call to action widget is:
<”h2” class=”tatsu-action-content” >
There is no button there – just this code where my call to action is.
Now, there is a work around behind, basically I make my changes, then I save my work in Tatsu, then click on ‘Dashboard’ on top right-hand side of screen to get to the backend ‘Edit page’ screen. Then under ‘Publish’ section I click the ‘update’ button and it works fine. Is there any way I just can save in Tatsu section and not have to do the work around? Any help would be appreciated. Thanks Tref
Hi,
I would have to log into the admin panel to check this issue. Kindly email your URL, wp-admin id and password via the private message form in the support tab, so I can investigate further.
Thanks, Varsha
hi, “contact form module” Where is it?
Hi,
The Contact form module built in the page builder is a simple pre- built form with select fields. To include the form you created with contact form 7 plugin, copy the shortcode it provides and paste it inside the editor of a SHORTCODES module in the Tatsu page builder.
Thanks, Varsha
Hey – how can I canter a Spotify embedded song? I’ve created a section with column containing a html code, where I’ve pasted Spotify embed songs ‘iframe’. Unfortunately I cannot center it? I’ve tried adding
but after saving page the “play button” doesn’t work at all
Hi,
Are you using the TextBlock module to add the code ? Kindly provide the link to this page in your site so we can assist with how the code can be aligned in the page.
Thanks, Pavithra
We’re using “CODE” module. http://yungmakopr.com/portfolio/artist-name/
Hi,
I presume you are mentioning about the section under the Testimonial section in the above page. I see that the Spotify code is being centre aligned and the Music Clip does play. Have you been about the fix this already. Do let me know if I am overlooking something here.
Thanks, Pavithra
Yeah – I’ve fixed. turns out that there was a mistake in code itself. It works right now
Hello. I added a custom font in the child-theme, which works fine when I use the text modules (like home page) and reference the font, BUT I can’t get the font to work on special title modules:
Help appreciated. Also looking forward to Type Hub / typekit integration.
https://audiencex.com/xdssar-test/Hi. Any ideas how I can get a custom font to work with Tatsu modules? Specifically Special Titles. Thanks.
Hi,
On looking into your website it seems like the custom fonts doesn’t load in both the text module fonts and the special heading fonts, I would have to log into the admin panel to check this issue. Kindly email your URL, wp-admin id and password via the private message form in the support tab, so I can investigate further and help you accordingly.
Thanks, Varsha
Hello there, I noticed that when I send an email through the contact form, a green box appears below the submit button. How can I change the color of that box? Also, where do I set the email address to where I want the messages from the contact form to be sent? Thank you!
Hi,
In order to set the email address to where you want the messages from the contact form to be sent kindly navigate to OSHINE OPTIONS > CONTACT SETTINGS and enter the email address here. The submit button but default takes up the color that you set as your primary color under color, but however if you wish to change only the color of the submit button to a different color then
.contact_submit {
background-color: YOURCOLOR !important;
color: YOURCOLOR !important;
}
Thanks, Varsha
Thank you, Varsha. I actually meant the color of the boxes that show up after an email has been sent. I have screen shots of them. How can I show them to you? Thank you!
If an email is sent successfully, there’s a green box that says “Your message was sent successfully.” If all of the fields are not filled in, there is a red box that says “All fields are required.”
Hi,
Apologies regarding the misunderstanding earlier, Kindly paste the code in the custom css setting under OSHINE OPTIONS > GENERAL SETTINGS in order to change the background color and text color of the “Your message was sent successfully” bar. Kindly ensure that Options Panel cache is NOT turned on.
.tatsu-success, .wpcf7-response-output.wpcf7-mail-sent-ok, .tatsu-error, .wpcf7-response-output.wpcf7-validation-errors {
background: YOURCOLOR !important;
color: YOURCOLOR !important;
}
Thanks, Varsha
Thank you Varsha for your response. How does the “YOURCOLOR” value need to be formatted? I tried ’#ee008c’ ‘ee008c’ and also the name I specified that color to be in the Color Hub section. None of those values produce the color of the success or error background bars. Please help.
Hi,
You just have to replace the text with your preferred color’s name or value. Also kindly make sure that you paste the code without the ‘pre’ tags. They are used just for formatting here in the comments section. If issue still persists Kindly email your URL, wp-admin id and password via the private message form in the support tab, so I can investigate further and help you accordingly.
Thanks, Varsha
Thank you!
I am using template V29 and want to display the text menu instead of the hamburger icon but I can’t change it no matter what style I change. I would like to have Style 1 to clarify.
Is the template V29 only able to have the hamburger icon?
Thanks, Yung
Hi,
In order to make you menu text to display instead of having a hamburger icon kindly navigate to OSHINE OPTIONS > TOP HEADER SETTINGS > HEADER STYLE set your top header style as style 1 and under the Menu settings tab set the “Special menu type” as none and save your changes.
Thanks, Varsha
Hi there, I don’t want there to be a white background for my navigation/menu/header. I’d like for the menu items and logo to be transparent over the bg image in the top section. How can I achieve this? Thank you!
Hi,
The option to set the Header as Transparent you have to set the Header Style as ’Transparent’ in the ’Header and Hero Sections’ metabox in the specific page and update the page.
Thanks, Varsha
Thank you, Varsha!
Hello Pavithra,
When displayed on iPad (Portrait), the gutter width is pretty wide in comparison with the spaces on the sides.
Take a look at this screenshot, so you know what I mean :
www.adeas.nl/screenshots/mobile/ipad/screenshot_ipad_portrait_gutter.png
Is it possible to decrease the gutter width only when viewed this way (portrait) ?
Thanks, Antoine
Hi Antoine,
You can use the custom CSS code below to reduce the Gutter width between column in iPad device -
@media only screen and (max-width : 1279px) and (min-width :767px) {
.tatsu-medium-gutter>.tatsu-row>.tatsu-column{
padding: 0 15px;
}
}
Note that, this will affect all the columns in the site that have a Medium Gutter width. If you want to make the changes specific to a page or a section, you need to add a CSS selector in TATSU and target the CSS code above to that particular element. Let me know if you need further assistance.
Thanks, Pavithra
Thank you Pavithra but that’s not quite what I mean.
I’ve made a new screenshot to make it more clear :
www.adeas.nl/screenshots/mobile/ipad/screenshot_ipad_portrait_border_gutter.png
I like the gutter width to be the same as the widths of the borders (space between left screen and text and space between text and right side of the screen).
As illustrated on the screenshot !
Thanks for advice, Antoine
You can use the css code below in addition to one give before to make the space of the gutter and margin, similar -
@media only screen and (max-width: 959px) and (min-width: 768px){
.tatsu-wrap {
max-width: 720px;
}
}
Thanks, Pavithra
Thank you ! 
Hi there, do you have a list of suggested dimensions for a variety of videos/images in your theme? Thank you!
Hi,
The recommended image dimensions for Gallery images and the portfolio grid thumbnail images are – 650px by 420px, for fixed and floating sidebar, should be 1280px. For a full screen slider the width should be 1920px so that the image looks clear on all screen sizes. Our carousel sliders and centered slider will pull the image in its natural aspect ratio and you need to ensure the height of the images are at least 1280px. Do let me know if you need further instructions.
Thanks, Varsha
Hello I would like to know if I can update the latest version of woocommerce 3.4.4, without problems that affect your work.
Thank you Toni
Hi Toni,
Yes we have tested the theme with latest version of Woocommerce and there are no known issues. Do let us know if you face any problems and we will have it addressed at the earliest.
Thanks, Pavithra
Hi Pavithra,
I also noticed that the Call to Action box clings to the right side of the screen when displayed on iPad (Portrait).
Take a look at this screenshot, so you know what I mean :
www.adeas.nl/screenshots/mobile/ipad/screenshot_ipad_portrait_call-to-action.png
Is it possible to have space between the Call to Action box and the right side of the screen ?
Thanks, Antoine
Hi,
Kindly paste the code in the custom css setting under OSHINE OPTIONS > GENERAL SETTINGS. Kindly ensure that Options Panel cache is NOT turned on.
@media only screen and (max-width: 960px){
.tatsu-call-to-action {
padding: 30px 0px !important;
}
}
Thanks, Varsha
thanks !
Hi Pavithra,
I noticed that the Primary Text on Footer breaks up in words when displayed on iPad (Portrait).
Take a look at this screenshot, so you know what I mean :
www.adeas.nl/screenshots/mobile/ipad/screenshot_ipad_portrait_footer.png
Thanks, Antoine
Hi,
Kindly paste the code in the custom css setting under OSHINE OPTIONS > GENERAL SETTINGS. Kindly ensure that Options Panel cache is NOT turned on.
@media only screen and (max-width: 960px){
#footer-wrap .footer-left-area, #footer-wrap .footer-center-area, #footer-wrap .footer-right-area {
width: 0% !important;
}
.footer-right-area {
display: none;
}
}
Thanks, Varsha
Thanks !
The Primary Text on Footer also breaks up in words on my Samsung Galaxy J5 smartphone, as seen on this screenshot :
www.adeas.nl/screenshots/mobile/samsung_galaxy/screenshot_samsung_galaxy_j5_portrait_footer_text.jpg
Is there also custom CSS to prevent this ?
Thanks, Antoine
Hi,
On further investigating it looks like you have set your footer style as ‘horizontal’ but whereas you only have one single content in your footer, which causes the issue. So kindly change your footer style to “vertical” under OSHINE OPTIONS > FOOTER SETTINGS and save your changes.
Thanks, Varsha
Thank you !
Hi. Can you tell me how to fix the way this looks on mobile? Can’t figure out what the bug is. http://dev.cx3g.com/portfolio/medscript/
Hi,
Kindly paste the code in the custom css setting under OSHINE OPTIONS > GENERAL SETTINGS. Kindly ensure that Options Panel cache is NOT turned on.
@media only screen and (max-width: 767px) {
.tatsu-row {
width : 100%;
}
}
Thanks, Varsha
Thanks. That did it.
Hi there. I’m looking for a gallery website in aditon to my shop website where I use savoy theme from themeforest too. I want to have a very similar menu and layout so you dont feel to change the site. Can I imitate this layout with your theme ? I only want to use the horizontal gallery style from photography2 layout. Is this lazy loading in case of many pictures ? thanks for your help
Hi,
Thank you for your interest in purchasing the theme. Yes we lazy load the images that are included in the Carousel Gallery by default. We have many header and menu styles available in the theme and we have showcased each of this in our demos. But if you could provide the link to your existing site, I will be able to tell you if the layout is possible with the theme.
Thanks, Pavithra
Hi,
I’m trying to make a page where there’s a Javascript code that change a texture dynamicaly. This code worksout great, but i’m trying to use a image mask on the texture. When i try the code on the Tatsu Page Builder, it works perfeclty, but when i save the page and try it on the site published, it doesn’t work.
Is there a reason for that?
I’m Using this code:
position: absolute; top: 0px; left: -5px; display: block; -webkit-mask-image: url(https://www.neocom.com.br/simuladorapp/images/mask.png); mask-image: url(https://www.neocom.com.br/simuladorapp/images/mask.png); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
Hi,
Kindly provide the link to the page in which you are adding this code so we can check why it does not take effect in the front end.
Thanks, Pavithra
Hi,
Thank you for sharing the link. I do see the code take effect on the Image in this page in Front End as well. However, to make sure the effect is similar to how it is in the backend, I would require a screenshot of how it is in TATSU, or if you could provide your URL, wp-admin id and password using the contact form the Support Tab, I will be able to assist you better.
Thanks, Pavithra
Sure, i just send it to you
Thanks
Hi there, I’d like to use a different style of social media icons rather than the default “circle”. Is there a list of social media icons with their code/text equivalent? Thank you!
Hi,
You can find a preview of all the icons in this link here – http://brandexponents.com/icomoon/demo.html You can pick a different icon for Social Media from the link above.
Thanks, Pavithra
Thank you, Pavithra. I tried to insert the icon name in the code for the header/menu, but I didn’t achieve the desired result.
Let me try to be more specific. At the moment, I’m using the following code which I extracted from another conversation in the comments.
[icon name= “icon-instagram” size= “tiny” style= “circle” bg_color= ”#000000” hover_bg_color= ”#ee008c” color= ”#ffffff” hover_color= ”#ffffff” border_width= ”” border_color= ”#000000” hover_border_color= ”#af9f66” alignment= “none” href= “http://www.instagram.com/darreedotcom” new_tab= “1” animation_type= “fadeIn”]
The (style= “circle”) aspect is what I’m referring to here. If I want the icon to look like icon-uni66, what do I enter in the style aspect?
Or, do I have to reformat the code altogether?
Thank you!
Hi,
The Icon Type should be added to the “NAME” attribute of the shortcode and not the style. Here is the shortcode where i changed the Icon Type to icon-uni66, which is a Facebook Icon.
[tatsu_icon name = "icon-facebook" size = "tiny" style = "circle" bg_color = "rgba(0,0,0,1)" hover_bg_color = "rgba(238,0,140,1)" color = "rgba(255,255,255,1)" hover_color = "rgba(255,255,255,1)" border_width = "””" border_color = "”#000000”" hover_border_color = "”#af9f66”" alignment = "none" href = "“http://www.instagram.com/darreedotcom”" new_tab = "“1”" lightbox = "0" image = "" video_url = "" hover_effect = "none" animate = "0" animation_type = "“fadeIn”" animation_delay = "0" margin = '{"d":"0px 0px 20px 0px"}' box_shadow = "0px 0px 0px 0px rgba(0,0,0,0)" hover_box_shadow = "0px 0px 0px 0px rgba(0,0,0,0)" ][/tatsu_icon]
You need to change the URL in the “href” attribute in the above code.
Let me know if you need further assistance.
Thanks, Pavithra
Thank you Pavithra, I entered the code you provided for each of my links, but the icons still look like circles. I don’t actually see the icon type section in the code either? Is it called something else? Thank you.
Also, if I want the links to open up in new tabs, what value should I write for the ‘new-tab’ section? Also, I noticed that if I use the code exactly as you’ve entered it, the website does not open. I fixed this by getting rid of the second set of quotation marks around the URL. Does this mean I have to remove the second set of quotation marks for everything in the code for it to work? Thank you!
Hi,
You need to set the style to “plain” in the shortcode. But, the simplest way will be to create an icon of your choice in any of your pages using TATSU. Because while editing with TATSU, you can view the changes right there and each of the setting is provided as option, including “open in new tab”. Once you have created the icon, you need to click on CMD + C (OR Ctrl + C) to copy and CMD + V (or Ctrl + V) to paste the shortcode in your widget area. Do let me know if you need further assistance.
Thanks, Pavithra
Lost image content on the front page…. all of a sudden I can no longer see my images on my front page. they are there in the edit page when I try to view they just dont show.
It appears to have happened when it did an auto update. I thought I got it fixed but to no avail. when I view they are not showing…when I edit they are there but not showing…
Please help… www.rachelvitullo.com.au
Hi,
I tested the site and the issue you mentioned doesn’t seem to occur. I assume the issue is fixed already. Let me know if I am overlooking something here.
Thanks, Varsha
Hi… yes I couldn’t work out the migration and was having trouble with some of items along the dashboard menu were not coming up … for example the BE page builder – convert to was not there … Could not find it
So i decided to delete the theme and reinstall it back to the original and got it working using the old style that originally came with the template I purchased.
But I would like to understand what it is i need to do to move forward… so any help would be great.
Hi,
We are investigating your issues and will respond back to your email with the required instructions.
Thanks, Varsha
Hello,
I just bought your theme. How do I access the modern landing page theme?
Thanks!
Thanks for purchasing the theme. After installing the theme, you need to import the demo of your choice, which in your case is v43. All you need to do is go to OSHINE panel in the dashboad, install the plugins and then go to the import panel. Choose the v43 demo, likely at the bottom, then check all the boxes applicable on the left and click the Import Button. Just sit back and relax for a couple of minutes and the import process should get completed ( time taken depends of server configurations and network latencies ). Step by Step instructions are available in our knowledgebase – http://www.brandexponents.com/oshine-knowledgebase/knowledge-base/import-demo-content/
If you share your wordpress admin access, I can set it up for you right away.
Dear good day.
I would like to know if compatible with “AMP” (https://github.com/Automattic/amp-wp/wiki/Adding-Theme-Support#native-amp) My question is aimed at solving a high demand from my clients who want to optimize their websites on MOBILE platforms.
From already thank you very much. Toni
Hi Toni,
Apologies about the delay in my response. Our developers are looking into this now and I will let you know on our findings within a day. Appreciate your patience in this regard.
Thanks, Pavithra