54 comments found.
Hi, could you please tell me if it’s possible to change the color of a specific page, for example, some pages are blue themed (the loading animations and buttons), is there a way to change it for the red or dark color? Thank you!
Greetings,
from here https://graphicfort.com/templates/plume/index.html scroll to Change Primary and secondary color with just one click and generate the new colors you need, this will create new CSS files, link them to the specific page you need
PLEASE MY CONTACT FORM IS GIVING ME, “Message could not be sent: Could not instantiate mail function”
Greetings,
This happens because you are on a windows server, you need to use SMTP method, check the documentation 24.2- Form email address (For SMTP server:) section
hiya, my countdown works fine in the localhost but not working on live server
Greetings,
could you please provide the website URL to check it
businesscircleglobal.com
Greetings,
these files are missing, please upload them to your server
http://businesscircleglobal.com/js/plugins/waypoint/jquery.waypoints.min.js
http://businesscircleglobal.com/js/plugins/validation/jquery.validate.min.js
http://businesscircleglobal.com/js/plugins/downCount/jquery.downCount.min.js
http://businesscircleglobal.com/js/plugins/tweetie/tweetie.min.js <pre> http://businesscircleglobal.com/js/plugins/parallax/jquery.parallax-1.1.3.min.js </pre>
please how can i get a refund? this product does not serve my purpose
!! Error at loading Slider Revolution 5.0 Extrensions. Local Filesystem Detected !
why am i getting this?
don’t open the files directly, use a localhost or live server
ok
Hi, We own your Plume HTML5 template and its been great. I have an issue with the following code which is located inside the following folder: /js/scripts.js
// FitVid
function gfortFitVidfn() {
jQuery('#main-wrapper').fitVids();
jQuery('iframe').each(function () {
jQuery(this).css({width: '100%'});
});
}
This code is overriding any iframe in our website to have a 100% width despite specifying otherwise in its inline style.
The issue we have is a third party script we need to add to this website. The script generates its own iframe which has a specific width in order to work. But the above code is causing this iframe to have a 100% width.
Its a third party script so we have no control over its styling and we cannot target it with CSS. So we need to make the website’s scripts.js not force an override of 100% width. But we do not know how to change this without affecting other legitimate iframes within the website.
How can we edit this code so it no longer affects this third party script?
Thanks.
remove these lines
jQuery('iframe').each(function () {
jQuery(this).css({width: '100%'});
});
I understand removing it would obviously fix it. But isn’t that code there for a reason? Is that going to break the other iframes I have on my website? I am not completely clear what this function is for and when it needs to be 100%. Something to do with fitvid? (I only need to remove the 100% from one specific third party iframe)
fitvid is used for responsive videos for more info check http://fitvidsjs.com/
and this code for soundcloud iframe
Ok I don’t use soundcloud at all, so should be safe to delete then?
Yes it’s safe, also there are another solution, you can add the third party scripts after this line
<script type="text/javascript" src="js/scripts.js"></script>
check index-barber.html the scripts for Slider Revolution, the Slider Revolution scripts stands alone without scripts.js file effect it
How to modify the opacity of the slider?
i’m not sure about what you mean but you can check the slider options from https://www.themepunch.com/revsliderjquery-doc/slider-revolution-jquery-5-x-documentation/
Hi i know i do not have the support. but i would like to ask you about the language changer menu.
Why is it that on smartphone is hidden from view? when you are on PC or tablet it is OK. But when it reaches a point it is gone. and you can not change the language from smartphone.
thank you.
add these lines to the end of css/style.css file
@media (max-width: 479px) {
ul.header-btns .header-cart-btn,
ul.header-btns .header-search-btn {
display: none;
}
ul.header-btns,
ul.header-btns .header-lang-btn {
display: block;
}
}
Wow thank you this works Beautifully
I want to increase the height of the TITLE image banner, I can’t find it or can I modify it? CSS? Thanks
i’m not sure what you mean about title image banner but if you mean the logo image, check the documentation 12.4- Logo section, otherwise just change the image it self to any height you want
I did not find.
Look, the image of the slider is a bit darkened, I think there is a filter, or the opacity to adjust. http://graphicfort.com/templates/plume/index-barber.htmlBut how to do it ?
<div class="tp-caption tp-shape tp-shapewrapper" data-x="center" data-hoffset="0" data-y="middle" data-voffset="0" data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape" data-basealign="slide" data-responsive_offset="on" data-responsive="off" data-frames='[
{
"from":"opacity:0;",
"speed":1500,
"to":"o:1;",
"delay":750,
"ease":"Power3.easeInOut"
},
{
"delay":"wait",
"speed":300,
"ease":"nothing"
}
]' data-textAlign="left" data-paddingtop="0" data-paddingright="15" data-paddingbottom="0" data-paddingleft="15" style="z-index: 5; background-color:rgba(0, 0, 0, 0.40);">
</div>
But its not doing anything. I follow the instruction in documentation and set preloader to false. if you see the scripts.js file you will see preloader is set to false but its not doing anything. please help.
check your email
I have applied the changes you have mentioned and then it stopped the jquery to work.
check your email
perfect! this resolved the problem 
Can i use this template for more than one client.
You need to purchase a single license per client
Hello, why is the slider pictures in index-blog.html covering my entire screen and showing as a list instead of a slider?
don’t open the files directly use a localhost or live server for more details check the documentation 3- Why Localhost section
Yeah, I figured that out last night before I went to sleep. Another question tho, the top ad container is not showing for some reason in index-blog.html it just shows up gray in the Inspector as shown here https://i.imgur.com/uR5g9ev.png
it’s grey because of the image (the image is grey placeholder)
I mean the html code looks grey, the image doesn’t show at all.
make sure you have a valid HTML code (you can test the code from here)
It’s the original code, it’s also not showing on the demo page http://graphicfort.com/templates/plume/index-blog.html
it’s working on demo page https://i.ibb.co/JBTSS7d/Screen-Shot-2020-06-02-at-9-18-14-PM.png (Are you using an AdBlock extension)
LOL, my bad. Apparently my AdBlocker was preventing it from showing. Sorry about that.
Are there any plans to upgrade to Bootstrap 4.5?
sorry, no
And how can I make a gallery in lightbox portfolio? If I clic makes zoom of photo. I wish I could click to see the next photo or the previous one
Do you mean something like this http://graphicfort.com/templates/plume/elements-gallery.html
or
T-shirt example in this page http://graphicfort.com/templates/plume/portfolio-3-wide.htmlOK. Solved. The problem is that it looks like an old version of lightbox. And the arrows are only visible if you hover over the photo
How can I change font size in slider in responsive? I see too small fonts and button
Greetings,
check this https://www.themepunch.com/revsliderjquery-doc/responsive-setup-2/ it have all the necessary steps to change the font size
I don’t understand well how to do it. You can see this image to explain what I mean: https://monosnap.com/file/q3qWPQpzDsECh36LQnNXvwGo8R6M5J For example “PLUME STUDIO” have size of 60px but in responsive mode is 20px
Do you mean to put code like this: data-fontsize=”[‘24’, ‘24’, ‘22’, ‘18’]” but I think in any code font-size is a calculated field
for the button remove this class tp-resizeme
for the rest: the code for the layer will be Step 5
EX: (PLUME STUDIO)
<!-- Layer 2 -->
<div class="tp-caption rs-heading-title light-color tp-resizeme" data-x="center" data-hoffset="0" data-y="middle" data-voffset="['-85', '-85', '-85', '-85']" data-fontsize="['60', '60', '60', '40']" data-lineheight="['60', '60', '60', '40']" data-width="['800', '800', '800', '400']" data-height="['auto', 'auto', 'auto', 'auto']" data-whitespace="['normal', 'normal', 'normal', 'normal']" data-type="text" data-responsive_offset="off" data-frames="[
{
"delay":1000,
"speed":1500,
"frame":"0",
"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;",
"to":
"o:1;",
"ease":"Power4.easeInOut"
},
{
"delay":"wait",
"speed":800,
"frame":"999",
"to":"auto:auto;",
"ease":"Power3.easeInOut"
}
]" data-textalign="center" data-paddingtop="0" data-paddingright="15" data-paddingbottom="0" data-paddingleft="15">
PLUME STUDIO
</div><!-- /End Layer 2 -->
and in the end of the html file replace these lines:
gridwidth: 1170, gridheight: [800, 600, 'auto', 'auto'], responsiveLevels: [1920, 1441, 0, 0],with these line:
responsiveLevels: [1240, 1024, 778, 480], gridwidth:[1240, 1024, 778, 480], gridheight:[800, 800, 600, 600],
also you can use the normal styles to modify the font size
Thanks. I’ve try but don’t work fine.
You can try the OWL slider instead of Slider Revolution
<div class="gfort-owl-slider recent-portfolio-projects portfolio-title-overlay owl-carousel owl-theme" data-slider-items="1" data-slider-items-md="1" data-slider-items-sm="1" data-slider-arrows="true" data-slider-dots="true" data-slider-autoplay="true" data-slider-items-space="0">
<!-- Item -->
<div class="gfort-owl-slider-item">
<div class="gfort-section parallax-section" style="background-image: url(http://templates.graphicfort.com/plume/images/index/landing-page/007.jpg);">
<div class="section-container">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title intro-section-title light-color text-center">
<h2 class="section-main-title">Welcome to Plume<br />The best solution for your startup</h2>
<p class="section-subtitle">The smartest and most flexible HTML5 Bootstrap template you've ever seen. Create exactly what you need with Plume.</p>
<div class="section-button">
<a href="#section-1" class="btn btn-gfort-o" data-scroll="">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /End Item -->
</div>
Where can I see rtl demo?
Greetings,
There are no avilable demo for the RTL
How do you have the SECTION with the youtube video as the background autoplay. I tried changing both autoplay and mute from FALSE to TRUE. I added &autoplay=1 after the URL. Nothing works. Please help
check elements-sections.html file and you can change data-youtube-video-autoplay=”false” to data-youtube-video-autoplay=”true”
Yes I tried that. Nothing. I am also having trouble with other videos as well. A simple youtube embed wont take my command to hide the overlaying info (?showinfo=0)
Send me the website URL to check the autoplay and about Embed video showinfo are no longer avilable https://developers.google.com/youtube/player_parameters#showinfo
question
Is it easy to use?
For example, Single Product Template
How do I link my billing page?
Is it easy even for beginners?
Answers I’ll wait.
Greetings,
it’s required solid knowledge of HTML, css and javascript
Hi. I have customized it for my website. But the Pace loader doesn’t work properly. after it has got to 100% it dissapears and then doesn’t show the page content other than the header. What have I done wrong here?
could you send me the website URL
Pre-purchase question:
Do I get all the full demos with all images/videos etc? (NO placeholders)?
Greetings,
all images is replaced by a grey placeholders
No thanks, can you send me full demos with all images if I purchase?
sorry can’t, the images have it’s own licences
i need to add new header button for Customer sign-in (
- ) how can i do that
check your email
is this themes still get an update ?
only if it have a bug
I bought your theme,, it’s nice .. i asked same question from another account i am sorry,,, now i logged in from account which i bought the theme through it… my question is:
I am trying to put Revolution slider in same page with Owl carousel.. but Owl not working & slides not appear .. Thank you
Greetings,
maybe the js files for the OWL slider not loaded (check the browser console for errors). or send me the website URL to check it.
