-
Search Results
-
When we DO THAT it still has a margin GAP at the top. It’s just blank, as if the menu is there but hidden.
In reply to: Centre social share buttons and re-colour
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.av-share-box .av-share-link-description { text-align: center; } #top #wrap_all .av-social-link-facebook a { color: #fff; background-color: #37589b; } #top #wrap_all .av-social-link-twitter a { color: #fff; background-color: #46d4fe; } #top #wrap_all .av-social-link-gplus a { color: #fff; background-color: #de5a49; } #top #wrap_all .av-social-link-pinterest a { color: #fff; background-color: #cb2027; } #top #wrap_all .av-social-link-linkedin a { color: #fff; background-color: #419cca; } #top #wrap_all .av-social-link-mail a { color: #fff; background-color: #9fae37; }If that does not work, please create a temporary admin login and post it here privately
Best regards,
YigitCan you just indicate how to allow FOOTER even when HEADER / FOOTER template is used? If you use the default page template then the Header space has a big margin at the top. Using the Header / Footer template hides the header how we want but we would like to keep the footer.
In reply to: Replicate Header are above menu.
Hey!
Please copy header.php file from your parent theme to your child theme and than find following line
<div id='wrap_all'>and add following code to right below that line
<div class="top-header"> <a class="top-header-logo" href="<?php echo get_home_url(); ?>"> <img src="http://www.ptmi.net/wp-content/themes/pacifictrail/assets/images/logo.png" alt="Pacific Trail"> </a> </div>and then add following code to Style.css file of your child theme in Appearance > Editor
.top-header { min-height: 605px; background-image: url(https://www.ptmi.net/wp-content/themes/pacifictrail/assets/images/header.jpg); background-size: cover; } .top-header-logo { text-align: center; padding: 50px 0; display: block; }Best regards,
YigitIn reply to: Layout of posts – remove 'Leave a reply' function
Hi!
I edited your post and clicked “Screen options” on the top right corner and checked “Discussion” and then scrolled below your post content and disabled discussion and turned off title bar in Layout Section on the right side – http://i.imgur.com/0ZFvEDJ.png.
You can apply the same to all of your posts which may disable discussion or title bar.Please review your website now :)
Regards,
YigitIn reply to: Autorotate image on a colour section
Hi Basillis,
My fault – I didn’t explain it clearly enough. On the Landing Page demo, the colour section at the top of the page has one background image . On top of that, there’s a 3/5 and a 2/5 container with content inside. I want the image to change like a regular slider (4 or 5 background images in total) but I need to keep the layout containers, etc.Topic: modification slider header
Hi,
thank you very much for offering such a great theme. It’s really a pleasure to work with it even for a non-professional such as me. I’ve managed to set up most of my blog the way I want it to be, but there are some questions left.
1. As I use a featured slider on my home page, I would like to make sure that the text can be read easily with any picture. However, I couldn’t find out how to define a background for the letters only and not for the whole field?
2. I want the category pages to have a headline. I have found out that I can define an introduction text in the category set up tab but I have no clue how to add a headline before that. I want it to look like this http://www.shortcuts.life/kinder-kinder/ but at the moment it looks like this http://www.shortcuts.life/category/kinder-kinder/
3. Within my posts I would like to have the date right underneath the headline. At the moment its at the bottom between two lines. I don’t need the lines – I just want the date in exactly this light gray italic font to go to the top.
It would be very kind if you could help me to complete my blog. I work with a child theme and I only have very limited html knowledge.
Thank you very much in advance.
EllieIn reply to: Appearance on smartphine not right part 2
ok.
On desktop the page looks like this:
On ( landscape) tablet it changes into this:
and on upright tablet and smartphone it snow this:
So: Caption and button in Full width easy slider element are ok o desktop, move to the left on tablet and move back to appr. the right place on smartphone thanks to your code.
What I want is the ( about) the same position for button and caption on tablet as on desktop.
thanks
DickHow do I “tighten” up the space between the top slider, promo box and cell boxes? I set the cell box margin to zero but it doesn’t move up…
Thanks!
In reply to: Scroll down arrow – different colors on two pages
Hey!
.page-id-6785 #top .scroll-down-link {
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}Change the rgba value, to what you think fits best your need.
Thanks a lot
Best regards,
BasilisIn reply to: Animated Count Down not working
Hi!
I tried to do negative parallax effect, i change ratio to negative and have some issues with background.
add some code to enfold/functions.php
add_filter(‘avf_parallax_speed’,’avia_change_parallax_ratio’, 1, 10);
function avia_change_parallax_ratio($ratio, $id){
$ratio = “-1.45”;
return $ratio;but, my bg shows incorrectly, just in top part of page. When i add some huge of space to page, it works, but not fine, I dont need so much space on the page.
How can i fixed it background? Maybe i do something wrong?I fixed the main issue by removing a conflicting plugin. However, after everything, I’m sitting with a large empty space (when viewing a single event with a desktop browser) before any of the event details. If you go view an event, you’ll see this empty space. It’s not there when viewing with my iPhone, but only when viewing with a desktop browser.
I added the follow code to my child-theme functions php file so the AVIA would work with learn dash. it does for Courses, Lessons, and Topics. However, if I add a new Page, Avia does not show up. What do i need to add to the code to fix this?
<?php
/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/if(isset($avia_config[‘use_child_theme_functions_only’])) return;
add_theme_support(‘avia_template_builder_custom_css’);
/*
add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
function kriesi_logo_addition($sub) {
$sub .= “Company Name”;
return $sub;
}
*///set builder mode to debug
add_action(‘avia_builder_mode’, “builder_set_debug”);
function builder_set_debug()
{
return “debug”;
}add_theme_support(‘deactivate_layerslider’);
add_theme_support( ‘avia_custom_shop_page’ );
add_filter(‘avf_builder_boxes’, ‘avia_register_meta_boxes’, 10, 1); //Add meta boxes to custom post types
function avia_register_meta_boxes($boxes)
{
if(!empty($boxes))
{
foreach($boxes as $key => $box)
{
$boxes[$key][‘page’][] = ‘sfwd-courses’;
$boxes[$key][‘page’][] = ‘sfwd-lessons’;
$boxes[$key][‘page’][] = ‘sfwd-topics’;
$boxes[$key][‘page’][] = ‘sfwd-quiz’;
}
}
return $boxes;
}/*Controls look of gravity form fields */
add_filter( ‘woocommerce_gforms_strip_meta_html’, ‘configure_woocommerce_gforms_strip_meta_html’ );
function configure_woocommerce_gforms_strip_meta_html( $strip_html ) {
$strip_html = false;
return $strip_html;
}/*removed image from product page*/
remove_action( ‘woocommerce_before_single_product_summary’, ‘woocommerce_show_product_images’, 20 );add_filter(‘avf_builder_boxes’,’custom_post_types_options’);
function custom_post_types_options($boxes)
{
$boxes[] = array( ‘title’ =>__(‘Avia Layout Builder’,’avia_framework’ ), ‘id’=>’avia_builder’, ‘page’=>array(‘sfwd-courses’, ‘sfwd-lessons’, ‘sfwd-topic’, ‘sfwd-quiz’), ‘context’=>’normal’, ‘expandable’=>true );
$boxes[] = array( ‘title’ =>__(‘Layout’,’avia_framework’ ), ‘id’=>’layout’, ‘page’=>array(‘sfwd-courses’, ‘sfwd-lessons’, ‘sfwd-topic’, ‘sfwd-quiz’), ‘context’=>’side’, ‘priority’=>’low’);
$boxes[] = array( ‘title’ =>__(‘Additional Portfolio Settings’,’avia_framework’ ), ‘id’=>’preview’, ‘page’=>array(‘sfwd-courses’, ‘sfwd-lessons’, ‘sfwd-topic’, ‘sfwd-quiz’), ‘context’=>’normal’, ‘priority’=>’high’ );return $boxes;
}Thanks so much for the help.
RonIn reply to: Avia Layout Builder Save Button Missing
I’ve borrowed a laptop so you can close this thread if you want. Not the perfect solution but… workable :)
In reply to: Responsive background images
Hi Nikko,
thanks for this solution. Unfortunately it’s not working how expected.
The word breaks work, but the content isn’t really readable when using it, so I guess this should be like it is, if there is no other solution?Big gaps:
Seems to be the cell padding, it was 100px before in full size, e.g. 320px width, so there are gaps in the top and bottom of each cell.
The footer (3 cols in full size) also has big gaps on top and bottom after becoming 1 column.1 column:
After deactivating the background images for mobiles, it’s already 1 col below 768px, so the CSS for this is useless.Cut off images:
I tried iPad mini in portrait mode (1024 x 768px = 2 cols), the images seem to have the same height as in full size mode, so they are not responsive at all and the cell padding is way too much. The most important item would be having the background images and cell padding responsive for less then 768px and between 768px and 1024px.Do you have any idea how to solve this? It would be great.
Thank you for helping.
Best regards,
D.Hey opvab,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-menu-fx { bottom: 10px; } .av-main-nav ul { top: 88%; }Best regards,
YigitTopic: Text next to logo
I want to show a short text next to logo. I’m using “logo left, menu below” option in the header settings, so there is plenty of space to show text. I tried this: add-subtext-to-logo-replace-logo-with-site-title, it doesn’t work. The text shows up below the logo and only on mobile, not on desktop.
Hi,
I’ve looked at previous threads on hiding elements (sections, divs, classes) in desktop and mobile sizes and using ‘display: none;’ but this isn’t working on Windows and IE. I looked at my page on browser stack and my sections are all visible PLUS the main menu.
This link has images from the browsers below: http://insidechristianmacleod.com/wp-content/uploads/2016/11/archive_7858162d9918de3577e4b199b488b02109964e50.zip
Windows 7ie 8
Windows 10ie 11
Windows 8.1ie 11
Windows 8.1firefox 30
Windows 8ie 10
Windows 7ie 9In reply to: Menu does a "Shimmy" when clicked
Hey!
I added following code to the top of Quick CSS field in Enfold theme options > General Stylign tab
ul#avia-menu { max-width: 740.5px; }Please review your website now
Regards,
YigitHi!
I have a problem with the following post:
I don’t want it to say “Blog latest news” at the top. Also, I don’t want it to be possible for people to post a reply.
I want the above post to have the same format as this post for example: http://testsite.mediteraistockholm.se/2017/01/12/gratis-forelasning/
I thought I created both of these posts in the same way – simply by clicking ‘add new post’, but for some reason the layout / structure is different.
Grateful for any advice.
Kind regards,
JangdomHey blaircomm,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 990px) { #top .flex_column_table { display: block; } .flex_column { width: 100%!important; display: block!important; margin-left: 0!important; } }Best regards,
YigitHi friends!
I saw this article: https://kriesi.at/support/topic/single-image-with-lightbox-inside-tab/ . I´ve tried to use, but doesn´t work for me.
Inside of Tab, I used:
<a title="title" href="../wp-content/uploads/2016/10/photo.jpg" rel="prettyPhoto">Click Here</a>This code above work for me now. If you click – Click Here -, you can view the image in lightbox!
But I want to insert a image, when the user click on image, open the big image in lightbox.
When I try to use this code below, inside of Tab, doesn´t work!
<a title="title" href="../wp-content/uploads/2016/10/photo.jpg" rel="prettyPhoto"><img src="../wp-content/uploads/2016/10/photo.jpg-300x208.jpg" alt="text" width="300" height="208" /></a>Any help?
Tks for advance!
In reply to: Productimages Woocommerce review-order.php
… your support wrote here https://kriesi.at/support/topic/enfold-with-child-theme-woocommerce-templating/
” That’s correct, we do not use template files. We use the Woocommerce filters.
You can find them all in the file I mentioned to customcms.”Ok, but then show me please, what I have to do for get the thmbnail and the link into review-order.php.
In reply to: Avia Layout Builder Save Button Missing
Hi Nikko. Yes, see private info for the logins. I’ve been thinking about what has changed since I did my last round of edits and I’ve come up with iOS version 10.1 which came out on Nov 7th. I have several tablets but no desktop. That might explain it.
In reply to: setting a Background image in Enfold Wedding Theme
Hi Andy,
I have already played with the code for many hours and just now spent another two hours getting the same results playing with this code.
If you could just look at the website on a mobile you will quickly see the problem is twofold
1) the image is displaying wrongly on mobiles (only a small strip down the center is being displayed)
2) If I use the code you have provided and/or set the size for an iPhone, or an iPad then there is no border image for other size devices.I am seeking to have the border image displayed in the same way on ALL devices – whether laptop, tablet or phone.I thought that’s what responsive meant – to quote what is said next to the box to tick to select responsive: “if enabled, the size of your website will adapt and change the layout to fit smaller screens”
Now the border is there and displaying on all devices the same way. That can be seen before an image is placed there.
The problem is with the display of that image. It just is not happening correctly. Setting the size of the screen does not help with this as I need the background image to display the same way on all device types. If you look at the following image, then what is being displayed on the laptop is the outside edge on the left and right side (the area I want displayed). But what is displayed on a mobile device is the central strip the same width as the dark central square. The result is that the stripes are horizontal on mobiles devices and vertical on the laptop. AND because that small section of the image is being blown up to fill the screen it is blurred and oversized.
Also, for some strange reason, the amount of magnification of the image varies on different pages on each mobile device
If my explanation does not make sense please view the site on a mobile device and a laptop.
Hope we can get this sorted :)
In reply to: Widget See Cart looks not nice
Hi!
Try to replace the code I gave you to this one:
@media only screen and (min-width: 768px) { #top .sidebar .widget_shopping_cart .button { width: 100% !important; height: auto; display: inline-block; margin-bottom: 10px; float: none; } }Let us know if it works.
Regards,
NikkoHello,
I made a website for a client who is very happy with it, but she is not happy at all with the images on mobile.
The images crop pretty weird, and because she has all pictures of herself this is a big problem.
The pictures look great on desktop but weird on mobile.My colorsection is custom height 500px, large padding
How can I fix this?
Thanks so much for the help, and thanks for making an awesome theme!
Viewing 30 results - 88,081 through 88,110 (of 142,855 total)
