Forum Replies Created
-
Posts
-
Hi,
You can use Google chrome then click “Inspect Element”. Look for the page body css selector.
This page has the id .page-id-2251. You can use it to target that page’s header or any other elements within the page.
.page-id-2251 #header_main {
background: red;
}Regards,
Ismael
Hi,
You have version 1.8.4. Please download 1.9.1 on your themeforest account. This will fix the slider issues.
Regards,
Ismael
Hi,
I tested the theme and the icons show properly on Safari browser. I’m using a Windows machine. Let me tag this to Devin and Kriesi.
Regards,
Ismael
Hi,
Sorry for that. Did you remove the browser cache then reload the page after you applied the code above?
Can you give us a link to your website? We need to inspect it.
Cheers,
Ismael
Hi,
You can do this instead. Edit includes > helper-post-format.php, find these code on line 200 and 208:
$current_post['content'] = str_replace($link, "", $current_post['content']);Remove it.
Regards,
Ismael
Hi,
Add .blog, or the page id of your blog page.
.blog .image-overlay.overlay-type-extern {
display: none !important;
}Please give us a link to your blog page.
Regards,
Ismael
Hi,
You can use this:
#top .alternate_color.title_container .main-title a {
color: #990000;
}Regards,
Ismael
Hi,
@Hanniball: Please give us a link to your shop page. You can add this on your custom.css or Quick CSS
.woocommerce .sidebar {
display: none !important;
}
.woocommerce .template-shop.content.nine.units {
width: 1030px;
border: none;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.woocommerce .template-shop.content.nine.units {
width: 760px;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.woocommerce .template-shop.content.nine.units {
width: 100%;
}
}Regards,
Ismael
Hi,
1.) You can add a unique css selector on the Attributes panel then apply the hover state on your Quick CSS or custom.css.
2.) I’m sure this is possible but a bit complicated and is beyond of what we can do as a support team. Please hire a freelance developer to modify the Layer Slider for you.
Cheers,
Ismael
Hi,
You can change specify the minimum height of the contact form fields:
#top .ajax_form .text_input, #top .ajax_form .select, #top .ajax_form .text_area {
min-height: 100px;
}You can find the css style of the form on css > base.css > #Forms.
Regards,
Ismael
Hi,
What do you mean the “picture inside the scrollable area”? Can you give us a screenshot or a link to the page?
Regards,
Ismael
Hi,
You can add this on your custom.css to increase the width of the post content.
#top .fullsize .template-blog .post .entry-content {
max-width: 1024px;
}
#top .fullsize .template-blog .post .entry-content > * {
max-width: 1024px;
margin-left: auto;
margin-right: auto;
}Regards,
Ismael
Hi,
Just add this on your custom.css or Quick cSS
.header-scrolled #header_meta {
display: none;
}Regards,
Ismael
Hi,
Please try this on your custom.css or Quick CSS
.msie8 .main_menu ul:first-child > li > a {
padding: 0 8px;
font-size: 12px;
}or
.main_menu ul:first-child > li > a {
padding: 0 8px9;
font-size: 12px9;
}Regards,
Ismael
Hi,
The icons are limited to the characters you have here: http://www.entypo.com/characters/
I think you already find a workaround to the problem. Good job.
Regards,
Ismael
Hi,
Yes, I think installing the theme from scratch will fix it. Make sure you have the latest version of Enfold and WordPress 3.6.
Regards,
Ismael
Hi,
I already tagged Kriesi and Devin. They will check this on their iPads. Please watch the thread here: https://kriesi.at/support/profile/gstar72
Regards,
Ismael
Hi,
Please add this on your custom.css or Quick CSS
#top .main_menu .menu li ul a {
line-height: 23px;
padding: 8px 15px;
min-height: 23px;
max-width: none;
}Can you give us a link to your website? This is not happening on our end.
Regards,
Ismael
Hi,
You can use this on your custom.css or Quick CSS
.avia-icon-list .iconlist_icon {
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}For the iconbox, you can use this:
.iconbox_top .iconbox_icon {
background: #cedce7; /* Old browsers */
background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cedce7 0%,#596a72 100%); /* IE10+ */
background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}This is a nice website to create gradient backgrounds: http://www.colorzilla.com/gradient-editor/
Regards,
Ismael
