Forum Replies Created
-
Posts
-
Hi,
To change the tab color, use this
div .main_color .tabcontainer .active_tab, .tab {
background-color: green;
}Change the color value.
You can change the button color background on the Button Options. Look for Button Color.
Regards,
Ismael
Hi,
Using Chrome, you can inspect the element, look for the unique body class selector. It will look something like this.
body id="top" class="home page page-id-734You can use the selector .page-id-734 prior to the elements you want to target on that specific page. Example.
.page-id-734 .main_color .avia-icon-list .iconlist_icon {
background-color: red;
}The code will only change the iconlist background color on the page with id 734.
I already asked Kriesi if it is possible to add unique css selectors for each Avia Elements when editing on the Advance Layout Builder. I’ll tag him on this thread.
Regards,
Ismael
Hi,
Can you give us a screenshot on your Portfolio Grid options?
On Portfolio Grid Options, look for “Which categories should be used for the portfolio?”. On the left, click a category, push CTRL + Click to add more categories. CTRL + A, to select all. Save changes.
Regards,
Ismael
Hi,
Please add this on your custom.css or Quick CSS
.big-preview.multi-big a img {
width: 100%;
height: 100%;
}
.blog-meta .small-preview .attachment-square.wp-post-image {
width: 100%;
height: 100%;
}Regards,
Ismael
Hi,
Please add this on your custom.css or Quick CSS
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_menu_tablet .main_menu {
display: block;
}
}Regards,
Ismael
Hi,
Can you give us a link to your website?
To change the button background to solid color use this
body div .avia-button {
background-image: none !important;
}
body .avia-button.avia-color-theme-color {
background-color: gray;
border: none;
color: white !important;
}For the hover effect use this
.main_color .avia-color-theme-color, .main_color .avia-color-theme-color:hover {
background-color: gray;
opacity: .8;
}Regards,
Ismael
Hi,
You can use this
.bottom_nav_header.social_header .main_menu ul:first-child > li a {
border-right-style: solid;
border-right-width: 1px;
font-size: 15px;
}Regards,
Ismael
Hi,
1.) Add this on your custom.css or Quick CSS
.home.archive.post-type-archive .template-shop.content.twelve.alpha.units {
width: 650px;
float: right;
clear: none;
margin-top: -90px;
}2.) Use this
body {
font-size; 15px;
}
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: inherit; text-decoration: none; color: inherit; }
h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
h3 { font-size: 19px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
h4 { font-size: 17px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
h5 { font-size: 16px; line-height: 1.1em; } /*17*/
h6 { font-size: 14px; line-height: 1.1em; }3.) Customers are not appearing in the user are, What to check?
4.) When you insert a logo image on Enfold > Theme Options. You have the option to select the size of the image before you click the “Insert image as logo” button.
5.) Do you mean the shop category? Where do you want them to appear?
Regards,
Ismael
Hi,
I think this a specific plugin issues. Please deactivate your plugins, see if it will fix the issue. This is only happening in your installation, you are the only one having this unique issue.
Regards,
Ismael
Hi,
Checked your website. Why is there a bunch of backslashes on the code?
You did send the email but you didn’t send me the login details. There is no way I can check the site and makes changes.
Regards,
Ismael
Hi,
If I’m correct, you can’t edit the main LayerSlider files,but only the css files and the theme modifications. You need to buy a license and install the plugin manually.
Regards,
Ismael
Hi,
Please add this on your custom.css or Quick CSS
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.responsive #top #main .sidebar {display:block !important; }
}Regards,
Ismael
Hey,
Download Enfold 1.7. Install Woocommerce plugin. Install the woocommerce pages then Import the Enfold dummy data.
Regards,
Ismael
Hi,
It is working fine on my end. I can see the slider transition. You might want to edit the Layers Container width on LayerSlider WP > Slides > Global Settings > Basic > Layers Container, specify a certain width. 1024px is good.
Regards,
Ismael
Hi,
Please upgrade to Enfold 1.7.
Do you have W3 Total Cache plugin? Flush the cache settings.
Regards,
Ismael
Hi,
Are you talking about the hover with circle on the center? It is pre enabled. Can you give us a link to your site?
Regards,
Ismael
Hi,
You can add it on the Enfold Featured Request thread. https://kriesi.at/support/topic/enfold-feature-requests
Try these plugins:
http://wordpress.org/plugins/jquery-t-countdown-widget/
http://wordpress.org/plugins/the-countdown/
Regards,
Ismael
Hi,
Please add this on your custom.css or Quick CSS
.embed-youtube {
text-align: left !important;
}Regards,
Ismael
Hi,
What type of Blog style do you have? The code you have should work fine. You can also add this if you are using the small preview pic blog style.
.small-preview {
display: none;
}Regards,
Ismael
Hi,
You can isolate the homepage using its unique body class selector. Inspect the homepage using Chrome, right click, inspect element. Look for the body class. It will look something like this page-id-734.
You can use it before any selectors that you want to change. Something like this
.page-id-734 .av_one_third {
/* STYLE HERE */
}Regards,
Ismael
