83 comments found.
the gitbhub link in the anchor tag is overflowing in the mobile view for the portfolio project page. How do I stop this from happening
Hello. Can I get a link to a live project? I don’t understand the question. Thanks.
sounds like it did not parse the html I pasted in the comment.
Here is the link to the live site – https://devjeetshah.com/fullstackproject1.html
if you view this under the mobile view, you’ll see the github link on the page overflowing outside the whole page. I want to have the github link wrapped when viewed under mobile view
<a href="https://github.com/DevJeetShah/full-stack-app-shutterbug" target="_blank" rel="noopener noreferrer">See gitgub repo</a>
is there a way to wrap the text? like for eg
https://github.com/DevJeetShah/full-stack-app-shutterbug
like that in the mobile view?
something like this – https://www.youtube.com/watch?v=UOKQ6gw21NA
I tried it but maybe I am not doing something right?
nevermind. I used this and its working for me!
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 / white-space: -pre-wrap; / Opera 4-6 / white-space: -o-pre-wrap; / Opera 7 / white-space: pre-wrap; / css-3 / word-wrap: break-word; / Internet Explorer 5.5+ */ word-break: break-all; white-space: normal;
Find this code section in style.css:
@media only screen and (max-width: 580px) {
.sidebar__additional-info .details-info__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.sidebar__additional-info .details-info__item:nth-last-child(2) {
margin-bottom: 0.9375rem;
}
.sidebar__additional-info .details-info__item:nth-last-child(1) {
margin-bottom: 0;
}
}
add this:
.details-info--inline .details-info__item {
margin-right: 0;
}
like this:
@media only screen and (max-width: 580px) {
.sidebar__additional-info .details-info__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.sidebar__additional-info .details-info__item:nth-last-child(2) {
margin-bottom: 0.9375rem;
}
.sidebar__additional-info .details-info__item:nth-last-child(1) {
margin-bottom: 0;
}
.details-info--inline .details-info__item {
margin-right: 0;
}
}
perfect! will do!
I would like to add “Download Resume” button to the resume section on the top that downloads the resume stored in the assets folder. What styling should I use for the button that would resonate with this theme?
Use the following code for the button
<a href="resume_file.pdf" class="btn"><i class="font-icon feathericon-download" /> Download Resume</a>
Perfect!
Hello, I have purchased your template and the template is really excellent. I have a question – I want to change the text to Adelle Sans (https://fonts.adobe.com/fonts/adelle-sans) or something similar. How can I do that?
My style.css has no Poppins usage. The image shows a completely different CSS file than what I have. I am using the light version.
I have
@import url(“https://fonts.googleapis.com/css?family=Archivo:400,400i,500,500i,600,600i,700,700i&display=swap”); @import url(“https://fonts.googleapis.com/css?family=Merriweather:400,900&display=swap”);
Hello. You will need to replace these two font names, “Archivo” and “Merriweather”, which occur in the “font-family:” lines with the name of your new font. Please use searches in the code editor to find and replace the name of the old fonts with the new one.
After that you can delete these two lines, they won’t be needed anymore.
@import url("https://fonts.googleapis.com/css?family=Archivo:400,400i,500,500i,600,600i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Merriweather:400,900&display=swap");
In the testimonial section I have 2 issues
1. After I inserted the image of my client avatar, it takes the shape of the square box, instead I would like to modify the borders and make it round, but its not working, how do I go about this?
2. Also, the quote symbol is not showing up in the testimonial text in the regular non pop up view
for 1, I tried to change the border radius and added webkit for both .box-avatar and .box-avatar img and it still didnt work on chrome browser. Any workaround?
Hello. Are you using the new version of the template or the old one? Can I get a link to your site?
Thanks!
Yes I did the same thing in the style sheets but its not working. Here is the link to my site – https://devjeetshah.com/ – its not rounding the borders in chrome browser
1.
.box-avatar--not-border {
background: var(--color-gradient-gray);
border-radius: 50%;
overflow: hidden;
}
2.
.review-item::before {
background-image: url(../icons/icon-quote.svg)!important;
background-repeat: no-repeat;
background-position: right 1.875rem top 1.5rem;
}
the 1st one worked, its rounding the borders now. With the 2, it fills the whole box with quote icon now:(
.review-item::before {
background: var(--color-gradient-soft) url(../icons/icon-quote.svg)!important;
background-repeat: no-repeat;
background-position: 0 0, right 1.875rem top 1.5rem;
}
to what I pointed out earlier, which is this one:
.review-item::before {
background-image: url(../icons/icon-quote.svg)!important;
background-repeat: no-repeat;
background-position: right 1.875rem top 1.5rem;
}
perfect! its working now. Thank you so much!!
Hello,
When I add custom portrait photos in the portfolio section, they get cropped even when I’m in full screen mode. How can I avoid this?
Hello. Could you please email me the archive with your template. I’ll fix it for you and send it to you.
artstyles@icloud.com
Thank you.
you have provided skills bars under the resume section in the template. I would still like use skills section but I don’t want bars. I would like to replace it with just tags. how can I do this?
<span class="badge">your skill 1</span>
<span class="badge">your skill 2</span>
<span class="badge">your skill 3</span>
...
thank you!
Hello,
I’m almost done with my website (https://orlandorosado.com/), but for some reason, my contact tab on the navigation bar is not working.
I made some changes to the template like removing the blog tab and adding a lightbox plugin for my portfolio. Maybe I deleted something?
Can you take a look and help me solve this issue?
Thank you for your work.
https://ibb.co/DMkgcZM
i want to buy this hmtl but i need this in codeigniter, you can help me? i need to admin panel for edit all information!
Hi. Unfortunately I don’t do codeigniter programming
How do I replace the “select the category” drop down menu option for phone screen, and just have it show “My recent work” instead?
here is the code snippet from template:
<!- Category
- My recent work
“My recent work” – in what form should it be presented? In general, I don’t understand the question. Would my recent work be the only possible category?
“Select category” is a placeholder. By default, all categories are displayed (All). Let’s say adding a category “My recent work” and making it the default won’t work. Adding it as a category is possible.
How do I replace the instagram icon/logo with the linkedin icon?
<a class="social__link" href="https://www.linkedin.com/"><i class="feathericon-instagram" /></a>
Hi there,
I’m using the “Template Old” files for one of my websites and I’m wondering…
Is it possible to have the navigation bar always open for the desktop version of the site, but closed in the mobile version?
I know you have the “menu_alternative” available, but I really like the design on the default version of the theme.
Any kind of help would be appreciated. Thank you.
You need to copy the entire section from the style.css file and paste it into your style.css file
/* -----------------------------------------------------------------
- Navbar
----------------------------------------------------------------- */
Also in the file common.js (js folder) you need to change the line
if (window.matchMedia("(max-width: 580px)").matches) {
number 580 to 991
https://drive.google.com/file/d/1kSQsQin6gTHVlHFGozX8nU71fRDAgKqR/view?usp=sharing
Good day, I would like to purchase vCard – Html5 CV design. I’ve noticed that it includes php files. Could you please clarify what you used to create that template. I plan to customise it, however I’m not good at php, so it may cause problems.
Hello. php file is used solely for submitting the contact form.
Hello ArtTemplate,
Your vCard – HTML5 Resume / CV / Portfolio template is amazing, just what I needed for my personal website.
I’m not the most experienced, so I was wondering if you could help me with something.
I’m using the one-page.html as my main page. Everything seems to be working fine, but I want the projects on my portfolio to open up in a lightbox when I click on them, instead of a separate single-project.html page.
Is there a simple way to do it?
Thank you for your work.
Hello.
You can try installing this lightbox plugin
https://dimsemenov.com/plugins/magnific-popup/
Thank you. It worked perfectly.
Hi! How are you? Any discount for this template? I already buy the other template https://themeforest.net/item/vcard2-resume-cv-portfolio/24655254 but I prefer this one (the sidebar separate of the content, the new menu (but I’ll modify it for always open) and the content is more organized. But 19 usd its too much for me (economic problems) 
Thanks!
Hello. Please write a comment in the template you bought (https://themeforest.net/item/vcard2-resume-cv-portfolio/24655254 ) so that I can see it, and then I will send you the template you want for free.
Done! thanks a lot!
nevermind, my fault. Nice theme btw! thanks!
nvm fixed
Hello. Glad you solved the problem. Have a nice day.
Dear author of vCard – HTML5 Resume / CV / Portfolio,
I just bought your cool template, it is amazing. How can I set the menu bar to stay opened by default ? By default, it stays contracted and only opens when you click on it with the mouse ? Thank you.
Hello
Is it possible to use this theme to create multiple users ?
Hello. Do you mean to use multiple copies for different users? Yes, you can do it.
Is it possible to get a discount on this template? I want to buy.
Hello. How much do you want to buy a template for?
I want to buy for $10. I hope you will give me such a discount.
Good. Now the price has been reduced to $ 10
Hello. I would like to ask. How can I change the icon for social networks facebook, instagram, my other social networks. I was looking, I was looking. I never found
Hello. Which version of the template are you using (old, new)?
Hallo. New Template
The template uses a font set of icons https://feathericons.com
The following social media icons are available from this set:
- instagram
- facebook
- linkedin
- twitch
- twitter
- youtube
To replace the icon with any other from the “feathericons” set, just replace the name of the social network in the code with something else
If you need other social networks, then you can connect this large set of icons for example.
https://fontawesome.com/v5.15/icons?d=gallery&p=2&s=brands&m=free
Let me know if you need help with this.
Доброе.
1. Откройте html страницы и перед закрывающимся тегом head
добавьте эту строчку (см. скриншот ниже):
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
https://i.ibb.co/Bf3FCNW/fa1.png
2. После чего со страницы выбираете нужную вам иконку, и копируйте html код иконки (см. скриншот ниже).
https://fontawesome.com/v5.15/icons?d=gallery&p=2&m=free
https://i.ibb.co/xFBpt3p/fa2.jpg
3. Осталось только вставить иконку на ваши страницы (см. скриншот ниже.)
https://i.ibb.co/cYy1HBK/fa3.png
Спасибо, за оперативность. Все заработало)
hi Thanks for your product How can I add a new “Mobile number” field to our contact page? I myself added an error
Thank you for your help
Hi. Sorry, but I don’t see you buying my template.
Try using password recovery.
You can add a new field by analogy with other fields, the only difference is in the names of the fields.
Sorry, but I can’t help you without proof of purchase. The screenshots provided are not confirmation. But I’ll give you a little hint. There is an error in the php file and the new field is probably not added to the js file.
