Forum Replies Created
-
Posts
-
Hi,
You can use this on your custom.css
.main_menu ul:first-child > li > a {
font-family: 'Metrophobic', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}In this case, we use the “Metrophobic” font.
Regards,
Ismael
Hi,
Please visit this link:
https://kriesi.at/support/topic/custom-widget-areas-not-working-after-upgrade-to-15
Follow Dude’s instruction. It might fix the issue. Sometimes widget settings get stuck for no apparent reason.
Regards,
Ismael
Hi,
Please add this on your custom.css
.home .post-meta-infos {
display: none;
}OR
Inspect your homepage using Chrome. Click Inspect Element, scroll to the <body> tag. Look for something like this inside the body tag.
class="page page-id-1122.page-id-1122 is the unique body class of your homepage. Add this on your custom.css
.page-id-1122 .post-meta-infos {
display: none;
}Your home page id might be different from mine. Please check yours.
Regards,
Ismael
Hi,
You mean the single post view? No, there is no way to use the Blog styles on single post view. You can only select post formats like standar, link, gallery, video etc. I suggest you use Portfolio posts to create different post styles, you can use the Advance Layout Editor for each post.
Regards,
Ismael
Hi,
Try this on your custom.css or Quick CSS
.page-id-1668 .av_one_half {
margin-left: 3%;
width: 50%;
}
.page-id-1668 .av_one_fourth {
margin-left: 3%;
}
.page-id-1668 .av_one_fourth.first {
margin-left: 0;
}
.page-id-1668 .template-page.content.twelve.alpha.units {
padding-top: 20px;
}.page-id-1668 is the unique id of the link you us. You can remove it if you want to apply the style throughout the site.
Regards,
Ismael
Hi,
Please add this.
.main_color input[type="submit"]:hover {
border-color: #E1E1E1;
background-color: #073E8A;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
color: white;
}Cheers,
Ismael
Hi,
Yes, that is the purpose of the instruction above, to hide the widgets.
I’m really not sure if that is the case. I think I did answer the same inquiry before. I’ve been looking for it on the forum but I can’t find it. Anyway, good thing they are being remove when you create a new post.
Regards,
Ismael
Hi,
Please add this on your custom.css or quick CSS
.sidebar_left.sidebar {
text-align: left;
}
.fb_iframe_widget span {
width: 240px!important;
}Regards,
Ismael
Hi,
Please give us a link to your website. We would like to inspect your slider. We can’t help you since you’re problem is css related unless we can inspect the actual slider.
You should probably constrain the slider, go to the Slider > Global Options > Basic > Layers Container. Specify the actual width in pixels, this will give you an exact container width to play with the elements’ position.
Regards,
Ismael
Hi,
Open header.php then find this code on line 104
$phone = avia_get_option('phone');
$phone_class = !empty($nav) ? "with_nav" : "";
if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>";Cut it then place it below this code on line 135
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');Then add this on your custom.css or Quick CSS
.social_header .phone-info {
float: right;
margin-top: 40px;
margin-right: 120px;
}
#header_meta {
display: none;
}Regards,
Ismael
Hi,
What slider are you referring to? EasySlider? Layer Slider? Please give us a link to your website.
Regards,
Ismael
Hi,
1.) I suggest to use the same dimension for your images, I mean the same size. The alignment of the image depends on the left padding, it will be different for images with different width.
2.) To fix the blog grid image, please add this on your custom.css or Quick CSS
.attachment-portfolio.wp-post-image {
width: 100%;
}3.) For the logo, use this
.logo a img {
width: 350px;
height: 77px;
max-height: 77px;
max-width: 350px;
}Good thing you have a non-fixed header. :)
Regards,
Ismael
Hi.
2.) Your site is on maintenance mode, we would like to check the footer area.
3.) To change the menu font size and style, use this on your custom.css
.main_menu ul:first-child > li > a {
text-decoration: none;
font-weight: normal;
font-size: 20px;
}For the color, you can use this:
.header_color .main_menu ul:first-child > li > a {
color: red;
}Hover state color, use this
.header_color .main_menu ul:first-child > li a:hover {
color: blue;
}4.) To change the excerpt, edit the post, look for Screen Options (top right corner) and check the Excerpt option. You can place the excerpt manually. You can also use the <!–more–> tag. http://en.support.wordpress.com/splitting-content/more-tag/
Regards,
Ismael
Hi,
I have a simple solution for you here but it will only play vimeo and youtube videos. Edit config-templatebuilder > avia-shortcodes > gallery.php, find this code on line 191
$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' ><img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' /></a>";
$first = false;Replace it with
$thumbs .= " <a href='".$alt."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' ><img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' /></a>";
$first = false;Now, on the Advance Layout Editor, insert the Gallery element. Click Add/Edit Gallery. Upload an image or select one on Media Library. Beside the image, look for ATTACHMENT DETAILS, fill in the Alt text with the youtube or vimeo link. The url should be complete, something like this http://www.youtube.com/watch?v=G0k3kHtyoqc.
It will open the videos on lightbox.
Regards,
Ismael
Hi,
Go to Appearance > Widgets, look for Displayed Everywhere widget area. Remove the Recent Posts widget.
Regards,
Ismael
Hi,
Edit a page and set it to No sidebar.
On Advance Layout Builder > Layout Element, insert the Color Section element. Upload an image with 1500x1000px size, actual image size on the demo.
Background Image Position: Center Center
Background Repeat: Stretch to fit
Background Attachment: Fixed
Regards,
Ismael
Hi,
Please add this on your custom.css
.big-preview {
display: block;
padding: 0 50px 10px 80px;
}Regards,
Ismael
Hi,
I don’t see the gradient effect on your header.
I think you already fix the logo alignment. It looks horizontally aligned to me.
To increase the padding, add this on your custom.css
#after_layer_slider_1 {
margin-top: 50px;
border-top: none;
}Regards,
Ismael
Hi,
Please add this on your custom.css or Quick CSS
#header_main_alternate {
background: #63245B;
}
#menu-main-menu {
background: #63245B;
}Regards,
Ismael
Hi,
Can you give us a link with the slider crashing? You can create a test page then duplicate the slider and add it on the page.
Regards,
Ismael
Hey,
Glad you fixed it. Can you post the fix here? It might help other users with the same issue.
Regards,
Ismael
Hi,
This is a very old issue. Sadly, it is still not fix. Workaround is to show all your portfolio entries on a single page without pagination. Let me tag Kriesi.
Regards,
Ismael
Hi,
“Resolving 500 errors – general: this error can only be resolved by fixes to the Web server software. It is not a client-side problem. It is up to the administrators of your Web server site to locate and analyse the logs which should give further information about the error.”
Reset your plugin folders.
1.) Via FTP or your host’s file manager, navigate to the wp-contents folder (directory)
2.) Rename the folder “plugins” to “plugins.hold”
3.) Login to your WordPress administration menus (/wp-admin)
4.) Via FTP or your host’s file manager, rename “plugins.hold” back to “plugins”
Reinstall WordPress.
1.) Download the latest version of wordpress.
2.) Override your installation except the wp-content folder.
Regards,
Ismael
