I\'m in the process of making my site and have a couple questions I hope you can help me with.
1. I like how there are different project thumbnail sizes in the portfolio grid. How can you change the size of the thumbnails in the portfolio grid list so they are different sizes and not all the same? Does it depend on the size of the image? Only one of them is larger (urban bee) and it\'s not the one I want to be more prominent than the others. Most of them are just the same thumbnail size.
2. How can I decrease the margin at the top and bottom of the pages? (e.g. About/Contact) This is also an issue on the portfolio above and below the category filter. I\'d like to decrease the space.
3. How can I change the contact form CSS? I want spaces between the imput areas and make the send button left justified instead of center. There\'s a padding around the form that doesn\'t align it with the left edge of the Send a message text (eg. Contact Page)
4. How can I add a background image to the footer?
5. Is there a way to make all of the social link icons in the footer look and behave like the links in the transparent menu? I like the transparent icons that fade in to full opacity without a circle better than the circles in the footer.
6. How can I change the text of the portfolio title on the thumbnail in the portfolio grid? I\'d like to make it uppercase and change the letter spacing. I\'ve tried h2 and h3 in CSS and it seems to have no effect.
7. Is there a way to change \"back to works\" link in the portfolio pages to an icon of a grid like other themes?
8. There is a really big margin on the page and images when viewing it on an iPhone and iPad Mini. Is there some easy fix the ratio so they\'re closer to the edges?
9. I\'d like a hairline border on the buttons. Is there a way to add them or a link to the slides? I tried that and there isn\'t a way to make links on them just navigate from one to the next.
10. Reordering the main slides beyond just 3 seems to have no effect on which order they play.
11. I wanted to have the portfolio link in the menu broken down into 3 levels instead of just 2 so not every portfolio shows - the link list is too long as is.
I have basic inspection knowledge but can\'t always identify what element affects what I want to change, especially with the more complex language and responsive transitions that are going on. I don\'t make themes from scratch (quit architecture construction after Dreamweaver construction 2008/9 pre responsive) and just manipulate the aesthetic of existing templates now. With other themes I\'ve gotten help that treated me like I was pretty lacking in knowledge and that seemed to help. I hope these aren\'t too extensive on your end. Thanks for your help!
One more thing...is there an easy way to add captcha to the mail form like my other page?
1. We have created pre made sizes on our portfolio. You can choose the size from the project page. Note: Your first image need to be the smallest, because the rest of the sizes are calculated from the standard size.
2. Please add this in Theme Options > Styling Options > Custom CSS:
#main {
padding: 100px 0;
}
3. You need to recreate the html from your contact page. Add <br> between inputs and remove the p align center from the submit input
4. Upload your image and add this in heme Options > Styling Options > Custom CSS:
footer {
background-image: url(\"your image url here\");
background-repeat: repeat;
}
5. Please add this in Theme Options > Styling Options > Custom CSS:
ul.footer-socials li a {
background-color: transparent;
opacity: 0.5;
}
ul.footer-socials li a:hover {
background-color: transparent;
opacity: 1;
}
6. Please add this in Theme Options > Styling Options > Custom CSS:
.item-title {
letter-spacing: 2px;
text-transform: uppercase;
}
7. This require custom work
8. The apple devices have bigger screens and resolutions. If you change the margins you will brake the viewport on other devices.
9. we have 2 buttons style. Solid and outlined
10. Recreate them in the order you want to appear.
2. That worked, though it only affected the top margin not beneath the filter row. How can I make it equidistant for the filter portion?
3. Where do I find that? contact.php in editor didn\'t show anything.
4. This had no effect after I put in the image address.
5. This worked great. How can I make the space between the icons less so it\'s more similar to the menu links?
7. What would be required beyond changing the text with an image link?
8. Would something similar to this work? This was a fix on a different but similar theme
}
@media only screen and (max-width: 600px) {
.filter_holder ul li {
float: none !important;
margin-bottom: 10px !important;
}
}
9. What would be the code to make the border on the button thinner?
10. The reorder option doesn\'t work and the order doesn\'t seem to correspond to dates or order created. A middle slide is placed at the front instead of the first ones.
New Question:
1. Before purchasing someone said that the hero main scroller could have links to pages? I added in links in the text and nothing is clickable aside from going from one slide to the next.
Hi there,
I\'m in the process of making my site and have a couple questions I hope you can help me with.
1. I like how there are different project thumbnail sizes in the portfolio grid. How can you change the size of the thumbnails in the portfolio grid list so they are different sizes and not all the same? Does it depend on the size of the image? Only one of them is larger (urban bee) and it\'s not the one I want to be more prominent than the others. Most of them are just the same thumbnail size.
2. How can I decrease the margin at the top and bottom of the pages? (e.g. About/Contact)
This is also an issue on the portfolio above and below the category filter. I\'d like to decrease the space.
3. How can I change the contact form CSS? I want spaces between the imput areas and make the send button left justified instead of center. There\'s a padding around the form that doesn\'t align it with the left edge of the Send a message text (eg. Contact Page)
4. How can I add a background image to the footer?
5. Is there a way to make all of the social link icons in the footer look and behave like the links in the transparent menu? I like the transparent icons that fade in to full opacity without a circle better than the circles in the footer.
6. How can I change the text of the portfolio title on the thumbnail in the portfolio grid? I\'d like to make it uppercase and change the letter spacing. I\'ve tried h2 and h3 in CSS and it seems to have no effect.
7. Is there a way to change \"back to works\" link in the portfolio pages to an icon of a grid like other themes?
8. There is a really big margin on the page and images when viewing it on an iPhone and iPad Mini. Is there some easy fix the ratio so they\'re closer to the edges?
9. I\'d like a hairline border on the buttons. Is there a way to add them or a link to the slides? I tried that and there isn\'t a way to make links on them just navigate from one to the next.
10. Reordering the main slides beyond just 3 seems to have no effect on which order they play.
11. I wanted to have the portfolio link in the menu broken down into 3 levels instead of just 2 so not every portfolio shows - the link list is too long as is.
Thank you for your help!
Hi, before we begin, what your CSS knowledge? Are you faimilar with inspecting elements in chrome and firefox?
I just want to know what kind of details should I give you.
thanks
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi,
I updated some of the questions.
I have basic inspection knowledge but can\'t always identify what element affects what I want to change, especially with the more complex language and responsive transitions that are going on. I don\'t make themes from scratch (quit architecture construction after Dreamweaver construction 2008/9 pre responsive) and just manipulate the aesthetic of existing templates now. With other themes I\'ve gotten help that treated me like I was pretty lacking in knowledge and that seemed to help. I hope these aren\'t too extensive on your end. Thanks for your help!
One more thing...is there an easy way to add captcha to the mail form like my other page?
http://lotuseffects.com/contact/
Hi,
1. We have created pre made sizes on our portfolio. You can choose the size from the project page. Note: Your first image need to be the smallest, because the rest of the sizes are calculated from the standard size.
2. Please add this in Theme Options > Styling Options > Custom CSS:
#main {
padding: 100px 0;
}
3. You need to recreate the html from your contact page. Add <br> between inputs and remove the p align center from the submit input
4. Upload your image and add this in heme Options > Styling Options > Custom CSS:
footer {
background-image: url(\"your image url here\");
background-repeat: repeat;
}
5. Please add this in Theme Options > Styling Options > Custom CSS:
ul.footer-socials li a {
background-color: transparent;
opacity: 0.5;
}
ul.footer-socials li a:hover {
background-color: transparent;
opacity: 1;
}
6. Please add this in Theme Options > Styling Options > Custom CSS:
.item-title {
letter-spacing: 2px;
text-transform: uppercase;
}
7. This require custom work
8. The apple devices have bigger screens and resolutions. If you change the margins you will brake the viewport on other devices.
9. we have 2 buttons style. Solid and outlined
10. Recreate them in the order you want to appear.
11. This is not possible.
Regards
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hello,
2. That worked, though it only affected the top margin not beneath the filter row. How can I make it equidistant for the filter portion?
3. Where do I find that? contact.php in editor didn\'t show anything.
4. This had no effect after I put in the image address.
5. This worked great. How can I make the space between the icons less so it\'s more similar to the menu links?
7. What would be required beyond changing the text with an image link?
8. Would something similar to this work? This was a fix on a different but similar theme
}
@media only screen and (max-width: 600px) {
.filter_holder ul li {
float: none !important;
margin-bottom: 10px !important;
}
}
9. What would be the code to make the border on the button thinner?
10. The reorder option doesn\'t work and the order doesn\'t seem to correspond to dates or order created. A middle slide is placed at the front instead of the first ones.
New Question:
1. Before purchasing someone said that the hero main scroller could have links to pages? I added in links in the text and nothing is clickable aside from going from one slide to the next.
2. Please set your margins and add this in Theme Options > Styling Options > Custom CSS:
#filters li {
margin: 0 10px 150px;
}
3. Read our documentation. Into Contact form
4. This means you din write the image url correct
5.
ul.footer-socials li {
margin-right: 15px;
}
9.
.clapat-button.outline-button {
border: 2px solid #000;
padding: 12px 27px;
}
.clapat-button.outline-button:hover, .clapat-button.outline-button:active, .clapat-button.outline-button:focus {
border: 2px solid #34d5cb;
}
New Question: Set it from Theme Options.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy