P.S.:
For the “back to the top arrow” (scroll top link) we use the following settings:
#scroll-top-link {
color: #ffffff;
font-size: 50px;
border: 0px solid #ffffff;
background-color: #a80000; }
Dear support team,
we would like the “slider arrows left/right” match the design, font type and color of the “back to the top arrow”.
So far the slider arrows appear thin and quiet different to the “back to the top arrow”.
Regards,
Bernd
Hi, i’m trying to get a text background to look like the one here – http://prntscr.com/f7rs69, to go all the way to the edge of the left side of the screen, but also have opacity like it is showing in there?
At the moment, i’ve managed to get the background colour but no opacity, and it doesn’t go to the edge of the page on the left. (here’s what i’ve got – http://prntscr.com/f7rqu7)
This is how I did it
Create a color section and put the background image in there (the colourful one of the bars)
Inside that section, I put a 2/3 column and give that column a grey background and padding as below
Top – 0
Right – 20
Bottom – 0
Left – 30
Add text element in the 2/3 section
Thanks
Farzan
-
This topic was modified 8 years, 10 months ago by
farzanahmed.
Dear support team,
we added the PHP code as suggested in post https://kriesi.at/support/topic/button-for-next-slide-grid-row-anchor-link/ to our functions.php.:
function add_custom_script(){
?>
<script>
(function($){
var button = $(‘.avia-caption-content a[href=”#next”]’);
$(button).click(function() {
$(‘a.next-slide’).trigger(‘click’);
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_script’);
Unfortunately this codes seems to have syntax errors:
Parse error: syntax error, unexpected ‘$’, expecting variable (T_VARIABLE) in XXXXXXXX/wp-content/themes/enfold/functions.php on line 571
Could you please be so nice and check the code for us.
Thank you,
Bernd
If I change the photos the quality is blurred although i use a high resolution and also tried to cut the photos exactly to the suitable size.
I already had the same topic with a former website but I got no answer.
This is very urgent. Could you please help out?
Thanks in advance
Lisa
Hello!
I’m looking for a way to let my blog posts be shown at one single page, newst on top. As i see it now, there is a main blog page, from where i have to click on every single post entry to view the full post.
I just want to have a single blog page with full post directly.
For instance, http://jon-olsson.com/ has this layout.
Thanks in advance for any help :)
Hey Kriesi Team,
it’s been a while since I last “bothered” you.
Data privacy is an important topic. I recently run into a thing, which I did not cover before and actually don’t know how to handle it.
In your theme options you provide a field for a Google Analytics tracking code. This is very comfortable, but it does’t allow me to make changes to the actual script.
Here’s what I would like to achieve:
-
Add the anonymizeIp argument:
ga('create', 'UA-XXXXXXXX-X', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
-
Include a script before the actual analytics code like this:
<script>
var gaProperty = 'UA-XXXXXXX-X';
var disableStr = 'ga-disable-' + gaProperty;
if (document.cookie.indexOf(disableStr + '=true') > -1) {
window[disableStr] = true;
}
function gaOptout() {
document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
window[disableStr] = true;
}
</script>
How can I achieve this?
Hopefully you can help me here.
Best wishes,
Andreas
On my blog page my posts appear how I want them to with the post image in the upper left and then the title directly to the right and the content below. Like in this screenshot… https://www.dropbox.com/s/vh6nrd3obybabuy/Blog.png?dl=0
But when I add a blog posts content area to a page the posts don’t appear in the same way. The image appears centered on top of the post.
Like this.. https://www.dropbox.com/s/iw3vzomtg99zb4d/blog%20content%20on%20page.png?dl=0
I have tried adding the CSS code below from a similar post on this forum. It moves the image over to the left but The Title is still below it, wasting a bunch of space… https://www.dropbox.com/s/jiuaywgsnmpphv5/afterquickcss.png?dl=0
Quick CSS code…
.template-blog .blog-meta {
margin: 0 !important;
}
.template-blog .post-entry {
margin-bottom:50px !important;
}
Is there a way to get the blog posts content box to look the same as the posts on the blog page?
-
This topic was modified 8 years, 10 months ago by
Drew.
Hi,
Today I changed my Preloader image but whatever I upload is displayed as offset to the right when it’s displayed on a mobile device. It’s fine on a desktop machine.
Does anyone have any ideas how I can ensure the image is centred?
The site is http://www.flightdeckfriend.com (needs to be viewed on a mobile device to see the issue).
Kind Regards,
Tim
Thanks, Victoria, it made it smaller but its still on top of the title. How can I move it to the left so it will be on top of the image?
Hi!
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .single-product-main-image .onsale {
top: 0px;
left: 0;
width: 33%;
}
If you need further assistance please let us know.
Cheers!
Victoria
Hi Mike,
I don’t understand your reply about local host so I’m writing in again. The code I pasted is what is making the search icon invisible. It’s there but you can’t see it. When I remove that code, the search icon is visible. Can anyone tell what in that code is making this happen. Here is the code again.
}
.av-main-nav li > a > .avia-menu-text {
border: none!important;
}
#top .av-main-nav > li > a {
font-weight: normal !important;
}
ul#avia-menu > li:nth-child(1) > a:before {
display: none;
}
.av-main-nav li:last-child > a:before {
content: ” !important;
}
Hi, I´ve tried to do what the post says but where specifically should I add the custom CSS class in the Layer Slider? In ID section? In Custom CSS? In Attribute name?
I´ve added the Custom CSS class in all of these sections, and added this code in Quick CSS
@media only screen and (max-width: 990px) {
.only-desktop { display: none !important; }}
but nothing happens.
Could you give me a hint?
Thanks!
Hi,
I think I understood your video:
/* colors on scroll */
.header_color .header_bg {
background-color: rgba(34, 34, 34, 0.14)!important;
}
.header_color .main_menu ul:first-child > li > a {
color: #ffffff!important;
}
/* colors before scroll */
.header_color{
background-color: rgba(34, 34, 34, 0.14)!important;
}
#top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text {
color: #ffffff!important;
}
Best regards,
Mike
Hey gueddich,
Unfortunately this would be very difficult as making the desktop view fit on a phone would require a lot more coding that we can provide here. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
Mike
Ok. I found when I remove this code from the css, the search bar appears. What should I change in this code so that it appears.
}
.av-main-nav li > a > .avia-menu-text {
border: none!important;
}
#top .av-main-nav > li > a {
font-weight: normal !important;
}
ul#avia-menu > li:nth-child(1) > a:before {
display: none;
}
.av-main-nav li:last-child > a:before {
content: ” !important;
}
Hi,
Try this code in the General Styling > Quick CSS field:
/*remove padding from bottom of logo */
.html_header_sidebar .logo {
position: relative;
padding: 40px 40px 0 40px!important;
}
/*remove padding from top & bottom for menu */
.html_header_sidebar #header .av-main-nav {
padding: 0!important;
}
/* make sidebar scroll */
.html_header_left #top #header {
overflow: auto!important;
}
Best regards,
Mike
Hey guys
I want to keep the desktop look of gymgears.de (product pic & gallery on the right, text & cta button on the left; below product pic & gallery on the left, text & cta button on the right;…), but have a different array on the mobile version –> text+cta button first and product pic+gallery afterwards; text+cta button and product pic+gallery afterwards;…). At the moment the product pics+galleries meet each other which confuses the visitor.
Could you please help me with that?
Thanks in advance!
Best
gueddich
Hi twhaoske,
Please, have a look at this threads:
https://kriesi.at/support/topic/i-cannot-edit-pages-posts-or-portfolio-items-spinning-wheel/
If you need further assistance please let us know.
Best regards,
Victoria
Hi dommelstroom,
Please refer to this thread for a possible solution.
Best regards,
Victoria
You’re welcome!
Do you need any more help with this topic, or can we close this thread?
Sarah
Hi!
I checked the second link you gave, and it seems like the top level navigation isn’t an ancestor of the page. Can you check the parent page settings?
Best regards,
Sarah
Hello Basil,
Here are the answers:
1. this is the product slider i am using, the one from Avia: http://imgur.com/ogNWzEM
2. the only custom css that I have is:
#top #payment .terms {
padding: 0 1em;
text-align: left;
}
3. custom JS, besides what is coming with the plugins I am not using. I both disabled and deleted the plugins and there is no change. I also tried to use the parent theme, again with no result. Since this seems to be so persistent I am also considering some problems with the cache. For the moment I am using SG Optimizer from siteground, but also Photon from Jetpack… Can there be any connection?
Thanks
Oh, that is easy. I only want to point out the dopdown menu when you hover over a menu link… on desktop devices. I only want to see it on mobile devices.
-
This reply was modified 8 years, 10 months ago by
Micha66.
Is it possible to show the dropdown submenu only on mobile devices? (not on desktop)
Hi,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Great, glad you got it working and thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Thanks for the feedback, let us know if you should need any further help from us on the topic.
Best regards,
Rikard
Thank you Mike! It seems to have worked for all the borders except for the one on the right. However, I think it looks kind of good this way so I will check with the client to see if she won’t mind having it.
I’ve got one more question before I go. It’s been reported to me that the sidebar area isn’t able to be used fully on some smaller sized laptops (smaller screens in UHD 1440P). What I mean is, my friend was doing some testing for me, and since the sidebar is stickied it wouldn’t scroll down with the rest of the site (intentional.) However, it wasn’t responsive in his browser in a way that would let him have full access to the menu. The bottom half was cut off for him with no way to get to it. Is there a known fix for this? Included a screenshot.
Thanks again, and thanks for taking the time to read.
-
This reply was modified 8 years, 10 months ago by
hizzacked.
Hi,
Try this code in the General Styling > Quick CSS field:
.html_header_sidebar .logo {border-bottom-style: none!important; }
.html_header_sidebar #top #header .social_bookmarks {border-top-style: none!important; }
#top .av-logo-container .social_bookmarks li {border: none!important; }
.html_header_sidebar #top #header .social_bookmarks li a {border-left-style: none !important; }
#header_main {border-bottom-style: none!important; }
Best regards,
Mike