Forum Replies Created
-
Posts
-
Hi,
Please add this on your custom.css or Quick CSS
.tribe-events-month-nav select {
float: left !important;
margin-left: 50px !important;
clear: none !important;
}
.tribe-events-next-month {
position: absolute;
left: 270px;
top: 5px;
}
.tribe-events-prev-month {
margin-right: 5px;
position: absolute;
top: 5px;
}Regards,
Ismael
Hi,
No, you don’t need to buy the theme again. Just create a new wordpress installation then activate the theme. Go to Theme Options > Import the dummy data. You will see how the theme works.
Please watch the videos mentioned above.
Regards,
Ismael
Hi,
Please don’t use the upload theme option when you update the theme. Override the files via FTP.
This video show you how to intall via FTP. It is the same process when you update the theme.
Regards,
Ismael
Hi,
Use this on your child theme’s style.css
@font-face {
font-family:"Free Sans";
src: url(font/FreeSans.eot) format("eot"),
url(font/FreeSans.woff) format("woff"),
url(font/FreeSans.ttf) format("truetype"),
url(font/FreeSans.svg#FreeSans) format("svg");
font-weight:normal;
font-style:normal;
}Call the font, using this
h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox {
font-family:"Free Sans";
}Regards,
Ismael
Hi,
1.) Go to Enfold > Theme Options > Frontpage Settings, select your homepage. Clicking the logo will direct you the selected frontpage.
2.) Import the dummy data then edit the sliders on LayerSliderWP, it will give you a lot of ideas how the slider works. Largest image included on the dummy layer slider is 600x451px. Please give us a link to your website.
Regards,
Ismael
Hi,
I think it is fixed? I can see white text.
Please add this on your custom.css
.main_color .ls-s-1 b {
color: white !important;
}Regards,
Ismael
Hi,
Adding social media icons is a bit complicated right now. Kriesi will add the capability to modify icons on the next update.
For the meantime, please follow this link. Go to Nick’s instruction:
https://kriesi.at/support/topic/youtube-icon
Regards,
Ismael
Hi,
First, download Enfold 1.7.
1.) Create a page called Portfolio, go to Advance Layout Editor. Under Content element tab, insert the Portfolio Grid Option, make it 3 columns. Configure the options. Save changes then publish the page.
2.) Create a Portfolio item, go to ALE. Insert 2/3 then 1/3 column. On 2/3 column insert the Easy Slider then Text Block and Accordion on 1/3 Column.
You can see all of this when you Import the Dummy Data.
You can also watch helpful videos here: https://vimeo.com/channels/aviathemes
Regards,
Ismael
Hi,
You said you wanted to remove the breadcrumbs on search results only. Anyway, glad it is fixed now.
Regards,
Ismael
Hi,
I can’t find any videos on your website. Can you point us on the exact page with videos?
Regards,
Ismael
Hi,
What do you mean by adding audio tag on mediaelement.js?
You can use these plugins:
http://wordpress.org/plugins/wp-audio-player/
http://wordpress.org/plugins/haiku-minimalist-audio-player/
http://wordpress.org/plugins/html5-jquery-audio-player/
Regards,
Ismael
Hi,
Dynamic Templates serve as a go to option to create pages with the same layout as fast as possible.
Please create a new admin user. See if the issue is still there. Do you have any plugins installed that might cause the issue?
Regards,
Ismael
Hi,
You can change the left position the title bar. Add this on your custom.css or Quick CSS
.avia-progress-bar .progressbar-title-wrap {
left: 45%;
}You can also use pixels.
.avia-progress-bar .progressbar-title-wrap {
left: 200px;
}Adjust the value depending on the width of the progress bar.
Regards,
Ismael
Hi,
Create a page, go to Layout > select No Sidebar. Don’t display the header, footer widgets and socket. Add a Text Block or whatever it is you want to add on your Maintenance Mode page. Publish the page. Go to Enfold > Theme Options > Frontpage Settings, select the maintenance page.
Regards,
Ismael
Hi,
1.) You’re using W3 Total Cache? Look for the “Prevent caching of objects after settings change” option on the browser cache settings tab.
2.) Use minifying plugins to combine all js and css scripts: http://wordpress.org/plugins/bwp-minify/
3.) The width and height attributes are not added inline because you need the site to be responsive.
Regards,
Ismael
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
