Forum Replies Created
-
Posts
-
Hi,
You can find the Video element code on config-templatebuilder > aviashortcode > video.php.
You can also find some jquery customization for the html5 video on js > avia.js. Look for // html 5 videos.
Regards,
Ismael
Hi,
You can use these on your custom.css or Quick CSS
1.) Move phone number:
@media only screen and (max-width: 767px) {
.responsive #header .social_bookmarks {
margin-bottom: 10px;
}
}2.) You can move the logo using this
@media only screen and (max-width: 767px) {
#header_main {
z-index: 9999;
}
.responsive .logo {
top: -50px;
margin-left: 100px;
}
}Adjust the values.
3.) You can adjust the font size of the special heading while viewing on mobile devices
@media only screen and (max-width: 767px) {
.av-special-heading h3 {
font-size: 13px;
letter-spacing: 0;
}
}Regards,
Ismael
Hi,
@koelnermusik: As mentioned above, you can switch the layout editor to debug mode to see the actual shortcode below. This is like looking at the default editor while you are on the Advance Layout Editor.
https://kriesi.at/support/topic/shortcodes-in-tabs-and-wp-restore-function#post-129391
Regards,
Ismael
Hi,
1.) They are entypo fontello fonts. There is no way you can add fonts right now. http://www.entypo.com/characters/
2.) You can change the color of iconlist icons using this on your custom.css or Quick CSS
.iconlist-char {
color: red;
}Regards,
Ismael
Hi,
Sorry for that. This will make all the content container white:
.main_color {
background: none;
}
.template-page.content, .sidebar {
background: white !important;
}I hope this fixed the issue.
Regards,
Ismael
Hi,
Are you saying that the greyscale loading effect for gallery is not working? I tested this on my end and the gallery loads with the greyscale effect just like before. Can you give us a link to your website?
Regards,
Ismael
Hi,
You can add this on your custom.css or Quick CSS
.avia-tooltip.avia-tt {
width: auto;
}or use this to specify a certain width:
.avia-tooltip.avia-tt {
width: 250px;
}Regards,
Ismael
Hi,
I think you are on the right road. Just apply a unique id for each section then use a Button element, set Button Link? to manual then place the section id like (#section1).
Regards,
Ismael
Hi,
I think there are plugins that you can use:
http://wordpress.org/plugins/ajax-read-more/
You have to work with posts for that plugin.
Regards,
Ismael
Hi,
Please try to disable the Nivo Slider plugin. Remove browser cache then reload the page.
Regards,
Ismael
Hi,
Yes, they should be responsive.
http://kriesi.at/themedemo/?theme=enfold
Almost all of the sections on the demo are created using the color section element.
Regards,
Ismael
Hi,
The revision is not going to work for Avia Builder. Please create the content again. I’m going to report this to Kriesi.
Regards,
Ismael
Hi,
What type of header do you have? You can edit header.php, find this code:
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png');Then add something like this below:
echo '<div class"right-header-text">YOUR TEXT HERE</div>';Regards,
Ismael
Hi,
Please add this on your custom.css or Quick CSS
body .column-top-margin {
margin-top: 20px;
}You can use Google Chrome’s (Inspect Element) or Firefox’s Firebug.
Regards,
Ismael
Hi,
I don’t see the problem with the latest news widget thumbnails. They are so small that you can’t even see what they really are. If you want to have a perfect image, please upload a square picture. The size of the thumbnail is 28x28px, if you upload a square image, they will be cropped as is without losing ratio.
Regards,
Ismael
Hi,
You can use the column element, put them side by side. You can control the width of the table with css. Please create it using the table then give us a link to your website.
Regards,
Ismael
Hi,
Please try this one:
.sidebar {
position: fixed;
border: none !important;
}
.sidebar_left .inner_sidebar {
margin-right: 100px;
margin-left: 70px;
}
.widget_nav_menu ul:first-child>.current_page_item {
box-shadow: none;
border: 1px solid #e1e1e1;
border-right: none;
border-left: none;
}
@media only screen and (max-width: 1100px) {
/* Add your Mobile Styles here */
.sidebar_left .inner_sidebar {
margin-left: 40px;
}
}Regards,
Ismael
Hi,
How did you manage to put it outside the container? When you set it to position: fixed, the sidebar should be within the container. Can you give us a link to the actual website?
Regards,
Ismael
Hi,
Please add this on your custom.css or Quick CSS
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
#header_meta {
display: none;
}
}Regards,
Ismael
Hey,
Glad it worked. :)
Please watch these videos to learn more about the theme: https://vimeo.com/channels/aviathemes
Cheers,
Ismael
Hi,
Please add this on your custom.css or Quick CSS
body {
overflow-x: scroll;
overflow: visible;
}You can only scroll to the right when you reached the bottom of the page.
Regards,
Ismael
Hi,
Open config-templatebuilder > aviashortcodes > portfolio.php, find this code on line 262:
<a href='#prev' class='ajax_previous'>".$avia_config['font_icons']['prev']."</a>
<a href='#next' class='ajax_next'>".$avia_config['font_icons']['next']."</a>Replace it with:
<a href='#next' class='ajax_previous'>".$avia_config['font_icons']['prev']."</a>
<a href='#prev' class='ajax_next'>".$avia_config['font_icons']['next']."</a>Regards,
Ismael
Hi,
Use http://tinyurl.com/ or http://goo.gl/ to shorten or hide the url. Place that as the link url. You can also do the tip above by our kind designprime, using class=”nolightbox”.
Regards,
Ismael
