Hi,
ich habe im LayerSlider ein Bild (eine Kette) eingefügt und bis an den rechten Rand verschoben. Wenn ich mir die Seite nun mit meinem Handy anschaue befindet sich das Bild auch ganz rechts am Rand. Wenn ich mir die Seite aber mit meinem Desktop Browser angucke, dann ist das Bild ein paar Pixel zu weit links.
http://www.marcobehrens.com/home/
Liebe Grüße,
Marco
Hello,
On our single post pages, could you share a CSS snippet on how to hide the featured image on the top of the page.
For example, this red ribbon image was set as the featured image. We would still like the image to appear as the post thumbnail, but not as a big image when you are on the post page itself.
You can view this here:
http://mastccs.org/post/red-ribbon-week/
Thanks!
Phil
Hi adrianwackernah!
Once questions are answered, they do not appear in queue unless user replies. Short responses might make some queries go missing.
We answer each and every query posted on the forum. Some cases may take a bit longer time, but all get answered. I’m closing this thread for now. If you have any questions or issues, feel free to start a new topic.
Cheers!
Yigit
Thanks Yigit! That did the job.
Now that this is solved, I have a related question. When I tap on the image on the iPad or iPhone, I expect the title to display, as it would if I was mousing over it on a desktop or laptop. This does not happen, is this behavior intended? Could the css I just placed in the quick css box be masking a javascript css issue? Just a thought — it would be great to know. Thanks again for your support.
George
This reply has been marked as private.
Hey BuffyO!
Please go to Enfold theme options > General Settings and change options in “Single Post Style”
Regards,
Yigit
Hey Robert!
You can add following code to Quick CSS in Enfold theme options under Styling tab to remove next/prev navigations on portfolio pages
#top .avia-post-nav { display: none; }
Regards,
Yigit
Suddenly, my LayerSlider stopped to work properly.
1) on a page it seems like it cannot find a picture which is still on the server
2) my blog page doesn’t show it (even if the slider exists and is set on Avia Layout Builder).
I deactivated W3 Total Cash and Wp Smush.it but nothing happened.
Hi there,
The banner on the top is put into a “colour selection”. It works on all other pages, but not with woocommerce.
Please hlep!
Tahnks,
V
-
This topic was modified 12 years, 1 month ago by
Steve.
Hi!
Please try following code instead
#top div.product .woocommerce-tabs ul.tabs li.reviews_tab{
width: 100px !important;
}
If it still doesn’t work please post a link to your website.
Cheers!
Peter
Hi All,
I hope someone can help with this weird one.
I have an Easy Slider on my homepage (goo.gl/C76zhq). When using Safari (on a Mac) there’s a weird effect to all text below the slider. As the image is sliding, the all text below the slider ‘blurs’ until the animation is finished.
For clarification, I’m talking about the Easy Slider part way down the page, not the large slider at the top of the page. It is rotating around 2 images talking about Objectives.
Any ideas on how to fix this?
Hi,
Yesterday i wanted the same. this is what i did (working on child theme):
. Choose the “Fixed Header with Social Icons and Additional Navigation”, the social config panel expands. Later you will use it to set up your own links, etc.
. Get a copy of header.php and place it in your child folder, get rid of the extra header (starts on Line 87)
. C&P this after Line 135: if(strpos($headerS,'bottom_nav_header') === false) avia_social_media_icons($social_args);
. Modify <nav> and social styles, so it fits correctly (position, padding… nothing fancy). But make sure to target some id that will allow you to keep the correct styles on “Header with Bottom Navigation” I used this: .container_wrap_logo .main_menu { right:120px }. Also u will need to modify the top padding of #main. I used this: .fixed_header.social_header #main { padding-top:117px; }
upload and check.
Probably not the best or code friendly solution, but it worked. : )
GL
Hi!
You can try following code instead
html[lang="fr-FR"] p{
font-size: 14px;
}
If it still doesn’t work you can use the code from here: http://wpml.org/forums/topic/body-class-based-on-language/#post-18785 (insert it into the functions.php theme file) to add the language shortcode to the body classes. Afterwards you shoud be able to style your website with
body.fr_FR p{
font-size: 14px;
}
Regards,
Peter
Hi!
WordPress doesn’t know which “portfolio grid” is the parent page of a “single portfolio entry” because the portfolio grid is actually just a shortcode which is embedded into the content of a page. Kriesi found a workaround and Enfold stores the id of the portfolio/grid page into a session. If the session data exists the breadcrumb will show the portfolio grid link in the breadcrumb, otherwise not. I.e. if the user first views the grid page (Mobile Apps) the server will save the id into the session and as soon as the user views the single portfolio entry Enfold uses the session data to build the breadcrumb. On the other hand (if the user accesses the portfolio entry directly from the homepage) it won’t save a session/id and the breadcrumb won’t show the portfolio grid link.
If you don’t want to show the portfolio grid page in the breadcrumb but just the portfolio categories of the current entry you can use the code I posted here https://kriesi.at/support/topic/breadcrumbs-with-portfolio/
Best regards,
Peter
Hi hodgsondesign!
I checked your site on safari and the top menu submenu works fine. Please remove browser cache then reload the page.
#header_meta {
z-index: 2 !important;
}
Best regards,
Ismael
This reply has been marked as private.
Hey Iano999!
It’s not happening for at least 1500px in width. Please try to add this on your custom.css or Quick CSS:
@media only screen and (min-width: 1601px) {
.av-masonry-container.isotope {
margin-left: 10%;
}
}
Please give us a link to the actual website.
Best regards,
Ismael
Hey!
Not sure if he fixed a typo or edited the post to change it out completely but we tend not to leave incorrect code in any post just in case someone doesn’t read all the way down a topic before trying to use some css or code snippets.
Either way glad its working for you now :)
Cheers!
Devin
Hey!
The hack from Josue is unfortunately somewhat limited. Changing out the menu as well and hiding it on desktop to get a whole different mobile on/off switch that completely changes things would need to be done by a freelance developer.
The toggleClass is pretty straightforward but the combined effects will need testing and then to be packaged into a form that will keep it from being lost on theme updates to be really done correctly.
Regards,
Devin
Hi mhiller!
You also have this which is what sets the font to Droid Serif for the whole body of your site:
body{
font-family:'Droid Serif', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
You could target the menu links specifically with however:
#top .main_menu .menu li a {
font-family: 'Droid Sans';
}
Cheers!
Devin
I thought I had found the problem, but I am still having trouble with the the default font set up in “Styling” in the General Tab: Heading Font: Droid Sans; Body Text: Font: Droid Serif. The correct fonts show up in the Styling preview pane, but not on the site (Header is a “serif” not a “sans serif” font):
http://www.nexuscontentlab.com
The only CSS changes I have done are these in Quick CSS:
h1, h2, h3, h4, h5, p {
text-transform: none !important;
}
@media only screen and (max-width: 767px)
.responsive #top #header {
position: fixed;
}
}
I purged browser cache and the fonts are still wrong. I am using the enfold child theme, I have not changed the enfold child style.css file.
Thanks, Mike.
@PPCHound – Since you have a separate topic open on the same issue we’ll address yours directly there.
I’ll mark this as closed for now. If either of you have continued individual issues just make a new topic and we can address it there.
Hello,
I am creating some custom shortcodes for the enfold theme. I mostly have them working, but I am not an expert with php, so most of my work has been trial and error / copy and paste from other shortcodes.
For this shortcode, I am basically taking the image shortcode and adding a title to it. Everything displays fine on the front end, but there is a weird bug I can’t quite figure out. Let me explain:
When I first click edit page, I see the element as I intend in the Advanced Layout Builder. Once I click to edit the element and click save, the layout changes. I lose the title, and two images appear stacked on top of each other.
Before on the left, after on the right:

I am guessing it is something to do with the code in the Editor Element Section, here is my code from that section:
function editor_element($params)
{
$template = $this->update_template("src", "<img src='{{src}}' alt=''/>");
$img = "";
if(isset($params['args']['src']) && is_numeric($params['args']['src']))
{
$img = wp_get_attachment_image($params['args']['src'],'large');
}
else if(!empty($params['args']['src']))
{
$img = "<img src='".$params['args']['src']."' alt='' />";
}
$params['content'] = NULL;
$params['innerHtml'] = "<div class='avia_photo_nav_square avia_photo_nav_square_style avia_hidden_bg_box'>";
$params['innerHtml'] .= "<div ".$this->class_by_arguments('align' ,$params['args']).">";
$params['innerHtml'] .= " <span {$template} >".$params['args']['title'].": </span>";
$params['innerHtml'] .= "<div class='avia_photo_nav_square_container' {$template}>{$img}</div>";
$params['innerHtml'] .= "</div>";
$params['innerHtml'] .= "</div>";
$params['class'] = "";
return $params;
}
Thanks for any help you can provide!
D
This issue seems to be back again – https://kriesi.at/support/topic/small-top-navigation-drop-down-not-working/#post-169820
I have tried adding that fix and it doesn’t work. This is happening on Safari at http://www.tomhodgson.co.uk
Thank you