Forum Replies Created
-
Posts
-
Hi,
The background image used is 1700x470px. You can use smaller images up to 1500px.
Regards,
Ismael
Hi,
The theme doesn’t have the ytplayer extension, the options is not going to work on the wp native video embed. Please hire a freelance developer to modify the theme for you.
Regards,
Ismael
Hi,
Can you please specify which part of the theme you want to change? Break it down to little details.
Thanks,
Ismael
Hey,
Like Devin said, you need to hire a freelance developer to modify the theme for you. :)
Regards,
Ismael
Hi,
Add this on your custom.css or Quick CSS
.avia-post-nav {
display: none !important;
}Regards,
Ismael
Hi,
You can reduce the padding of the content div.
.content {
padding-top: 10px;
padding-bottom: 10px;
}Regards,
Ismael
Hi,
You can use this on your custom.css or Quick CSS
.avia-tooltip {
background: red;
color: white;
}You can use rgba color to render transparent background.
Regards,
Ismael
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
