Forum Replies Created
-
Posts
-
Hi,
You can add this on your custom.css or Quick CSS:
.slide-image, .big-preview.single-big, .small-preview {
display: none !important;
}This will temporarily hide all of the featured images.
Regards,
Ismael
Hi,
switchWidth = 767;
The number 767 refers to width of the browser, device or desktop.
Regards,
Ismael
Hi,
You can use the Color Section element for the image sections between the content sections.
For the arrow, you need to create it manually. I think this thread will help: http://stackoverflow.com/questions/8329035/jquery-scroll-a-div-up-and-down-using-two-buttons
Regards,
Ismael
Hey,
The code I gave you should work. I don’t know why it didn’t on your end. Anyway, glad you fixed it. :)
Cheers,
Ismael
Hey,
Please refer to this link: https://kriesi.at/support/topic/scrolling-to-bottom-before-gallery-loads
Regards,
Ismael
Hi,
You can edit css > grid.css.
.responsive .boxed#top {
width: 1130px;
}
.responsive .container {
width: 1030px;
}Regards,
Ismael
Hi,
I forgot, you need to add this on your functions.php below line 16:
add_theme_support('avia_template_builder_custom_css');After this, you will be able to add a unique css selector for each avia elements like Buttons, click the Button element then scroll below.
Regards,
Ismael
Hi,
Please check the Page Attributes of the pages listed on the menus. I think they are all child of Home, not sure but please check.
Add this on your custom.css or Quick CSS for hover state:
.header_color .main_menu ul:first-child > li a:hover {
color: red;
}Regards,
Ismael
Hi,
It works on my end. Please give us a link to your website. Try this:
html, body {
overflow-x: scroll;
overflow: visible;
}Regards,
Ismael
Hi,
It is because, the “Blog Grid” page is being treated as a normal page. You need to set the Blog page on Enfold > Theme Options > Blog.
Regards,
Ismael
Hi,
You can add this on your custom.css or Quick CSS:
#header_main .container, .header_color .header_bg, #header, #header_meta, #header_main, #top .social_bookmarks li, #top .sub_menu > ul > li {
background: none;
box-shadow: none;
border: none;
}To fully realize the transparent effect, move the #main div on top:
.fixed_header.social_header #main {
padding-top: 20px;
}This will work better for non-fixed headers.
Regards,
Ismael
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
