Forum Replies Created
-
Posts
-
Thanx for the explanation, Günni. This is my full Ruleset:
.rasterzeile-kasten {
border: 30px solid #fff;
box-shadow: inset 0 0 0 6px #c80033;
}
I always assume that it would be better to give selectors a unique name so it doesn’t interfere with others that may exist, am I right with this?Dear Günni, my answer wasn’t meant cynical or snarky at all! I tried to say it with humor, but I obviously failed. So it’s me to apologise. Serious: I am no coder. All of my very minor knowledge of CSS is coming from this forum or other websites. To be clear: If I got a problem designing a website (and I mostly use Enfold) I search for a solution in this forum here. Sometimes I combine the hints given here with some from other forums or websites – and all of this combined mostly does the job for me.
So to be clear: My last comment was meant as a kind of bow to you and people like you, who continuously post suggestions and helpful snippets in here without receiving a cent for it. And it should say something like that (now said without trying to be funny): “I don’t have any idea if my workaround with the box-shadow is appropriate – and if it is not, I would be thankful for a hint from a experienced Forum Member like Günni is.”Hey Rikard, I’d like to keep it open for a while. Maybe Günni or someone else have hints like “Don’t ever use box-shadow for a grid row, that’s old CSS-Stuff and if one uses Opera on a Motorola the phone could explode” or something like that. ;-) I am no coder.
Thank you Günni.
I learned that the border is always inside. So I helped myself out with a shadow.
border: 30px solid #fff;
box-shadow: inset 0 0 0 6px #c80033;
}
This closes the Gap of 30px between the border and the other content. Now the shadow is my “border” and all objects align perfectly.Hey Brendan!
put the following code into the functions.php of your Child Theme and you’re able to use the Advanced Layout Builder not only on pages, but on your Blog Posts too./*Use Advanced Builder on Posts*/ add_theme_support('add_avia_builder_post_type_option'); add_filter('avf_builder_boxes','enable_boxes_on_posts'); function enable_boxes_on_posts($boxes) { $boxes[] = array( 'title' =>__('Avia Layout Builder','avia_framework' ), 'id'=>'avia_builder', 'page'=>array('page','post', 'portfolio'), 'context'=>'normal', 'expandable'=>true ); $boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page','post', 'portfolio'), 'context'=>'side', 'priority'=>'low'); $boxes[] = array( 'title' =>__('Additional Portfolio Settings','avia_framework' ), 'id'=>'preview', 'page'=>array('page','post','portfolio'), 'context'=>'normal', 'priority'=>'high' ); return $boxes; } function enfold_post_nav_settings($settings) { if(is_singular('portfolio')) { $settings['is_fullwidth'] = false; $settings['skip_output'] = false; } return $settings; } add_filter('avf_post_nav_settings','enfold_post_nav_settings', 999, 1); /*Remove Tooltips in Masonry Gallery*/ function add_custom_tooltip(){ ?> <script> jQuery(window).load(function(){ jQuery('a').removeAttr('title'); jQuery('img').removeAttr('title'); }); </script> <?php } add_action('wp_footer', 'add_custom_tooltip'); // add tag support to pages function tags_support_all() { register_taxonomy_for_object_type('post_tag', 'page'); } // ensure all tags are included in queries function tags_support_query($wp_query) { if ($wp_query->get('tag')) $wp_query->set('post_type', 'any'); } // tag hooks add_action('init', 'tags_support_all'); add_action('pre_get_posts', 'tags_support_query');Hey Nikko,
your code works, navigation in portfolio items is back again, thank you!
Could you shortly explain why it has been deactivated?
Best regards!Thanx for the code, Rikard! I wanted to get rid of the lines between the icons, so I tried the following which helped:
.home #antibvs .avia-icon-list .iconlist-timeline {
display: none!important;
Can be closed here. Happy Holidays to the Support-Team!Hey Rikard,
thank you very much, your code does the trick! So that was the solution, but do you have any idea why that happened?Furthermore I have two more questions:
1. I’d like to get rid of the title bar on the blog category page (as linked to with “blog” in the menu) AND in every single blogpost. I know that one can turn the titlebar off in each post, but I would like them to be invisible automatically, whenever one is opening a new blogpost.2. On the Homepage the second icon-element ist showing some strange vertical lines between the three icons, I cannot find why and how to get rid of the lines.
Screenshots can be found hereHey Rikard,
I apologize, that’s a 1:0 für Rikard ;-)
I haven’t been looking close enough the last years, the demos always looked the same to me when I roughly scrolled over them and I preferred building up sites from scratch. But now I had a closer look into the Wayback-Machine. From Summer 2017 on you released eight demos if I counted right. That’s a total of 36 now. Most of them quite old and therefore outdated and slow. So there were at least some, but that didn’t change my opinion: It’s lame for such a big player on the Themes-Market as Enfold is to have such few demos.
Nevertheless – as I said – Enfold and it’s support forum is great and I love to use it.
Just wondering about the demos ….Hi Yigit and Enfold-Team,
I love your Theme and bought it quite a few times, but (sorry): This is lame! Last new Demos came out in 2017 – almost four years ago. Speaking of Themeforest alone, Enfold has been downloaded 217.300 times since today. That’s nearly 13 Million Dollar in total sales – again: Themeforest alone. Sure, there are commissions, taxes, wages and so to pay but it’s a fact that Enfold is a Multi-Million-Dollar-Player. And speaking of that the undue delay of new demos is just lame. It can’t be that hard to develop at least some in four years time to please your customers.Nikko, thank you. But I am ashamed enough not to have seen the obvious. Please close and delete this ;-)
Hey Rikard,
OMG. I figured it out. And I am ashamed. When there’s few content on the page it doesn’t need to be scrolled. But on another page, with more scrollable content, …. you know? Scrollbar of your browser on the right appears, shifting the whole page to the left.
Well, there’s nothing to do about I suppose.
I am just wondering, that you couldn’t see the shifting? I enclosed my screencast that I did while I figured out what is happening in private content FYI.Thank you, but I changed the Layout of the Page so I don’t need that solution for now.
But, generally spoken: Is there any way to make a sidebar (left or right) in Boxed-Layout transparent, so that you can see the Boy Background shine through?
Hey Victoria. That’s weird, I am just experiencing this slowness in Chrome. Edge and Firefox do fine. Hmn. Maybe it’s a Chrome-thing then.
Well, what’s up, Support-Team? At least some “I’ll get back to you later” or something would be nice.
Hey Victoria,
okay, I have put the following code into Quick CSS#backstripes {
background-color: #ffffff;
background-image: url(“data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ width=’100%25′ height=’100%25′ viewBox=’0 0 800 800’%3E%3Cdefs%3E%3CradialGradient id=’a’ cx=’400′ cy=’400′ r=’50%25′ gradientUnits=’userSpaceOnUse’%3E%3Cstop offset=’0′ stop-color=’%23ffffff’/%3E%3Cstop offset=’1′ stop-color=’%230EF’/%3E%3C/radialGradient%3E%3CradialGradient id=’b’ cx=’400′ cy=’400′ r=’70%25′ gradientUnits=’userSpaceOnUse’%3E%3Cstop offset=’0′ stop-color=’%23ffffff’/%3E%3Cstop offset=’1′ stop-color=’%230FF’/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill=’url(%23a)’ width=’800′ height=’800’/%3E%3Cg fill-opacity=’.8’%3E%3Cpath fill=’url(%23b)’ d=’M998.7 439.2c1.7-26.5 1.7-52.7 0.1-78.5L401 399.9c0 0 0-0.1 0-0.1l587.6-116.9c-5.1-25.9-11.9-51.2-20.3-75.8L400.9 399.7c0 0 0-0.1 0-0.1l537.3-265c-11.6-23.5-24.8-46.2-39.3-67.9L400.8 399.5c0 0 0-0.1-0.1-0.1l450.4-395c-17.3-19.7-35.8-38.2-55.5-55.5l-395 450.4c0 0-0.1 0-0.1-0.1L733.4-99c-21.7-14.5-44.4-27.6-68-39.3l-265 537.4c0 0-0.1 0-0.1 0l192.6-567.4c-24.6-8.3-49.9-15.1-75.8-20.2L400.2 399c0 0-0.1 0-0.1 0l39.2-597.7c-26.5-1.7-52.7-1.7-78.5-0.1L399.9 399c0 0-0.1 0-0.1 0L282.9-188.6c-25.9 5.1-51.2 11.9-75.8 20.3l192.6 567.4c0 0-0.1 0-0.1 0l-265-537.3c-23.5 11.6-46.2 24.8-67.9 39.3l332.8 498.1c0 0-0.1 0-0.1 0.1L4.4-51.1C-15.3-33.9-33.8-15.3-51.1 4.4l450.4 395c0 0 0 0.1-0.1 0.1L-99 66.6c-14.5 21.7-27.6 44.4-39.3 68l537.4 265c0 0 0 0.1 0 0.1l-567.4-192.6c-8.3 24.6-15.1 49.9-20.2 75.8L399 399.8c0 0 0 0.1 0 0.1l-597.7-39.2c-1.7 26.5-1.7 52.7-0.1 78.5L399 400.1c0 0 0 0.1 0 0.1l-587.6 116.9c5.1 25.9 11.9 51.2 20.3 75.8l567.4-192.6c0 0 0 0.1 0 0.1l-537.3 265c11.6 23.5 24.8 46.2 39.3 67.9l498.1-332.8c0 0 0 0.1 0.1 0.1l-450.4 395c17.3 19.7 35.8 38.2 55.5 55.5l395-450.4c0 0 0.1 0 0.1 0.1L66.6 899c21.7 14.5 44.4 27.6 68 39.3l265-537.4c0 0 0.1 0 0.1 0L207.1 968.3c24.6 8.3 49.9 15.1 75.8 20.2L399.8 401c0 0 0.1 0 0.1 0l-39.2 597.7c26.5 1.7 52.7 1.7 78.5 0.1L400.1 401c0 0 0.1 0 0.1 0l116.9 587.6c25.9-5.1 51.2-11.9 75.8-20.3L400.3 400.9c0 0 0.1 0 0.1 0l265 537.3c23.5-11.6 46.2-24.8 67.9-39.3L400.5 400.8c0 0 0.1 0 0.1-0.1l395 450.4c19.7-17.3 38.2-35.8 55.5-55.5l-450.4-395c0 0 0-0.1 0.1-0.1L899 733.4c14.5-21.7 27.6-44.4 39.3-68l-537.4-265c0 0 0-0.1 0-0.1l567.4 192.6c8.3-24.6 15.1-49.9 20.2-75.8L401 400.2c0 0 0-0.1 0-0.1L998.7 439.2z’/%3E%3C/g%3E%3C/svg%3E”);
background-attachment: fixed;
background-size: cover;
}And I’ve put “backstripes” as an ID into the developer settings of a color section -> Nothing happens. Did you mean it this way?
AND: Regardless, if you find a clue for this. How can I have that .svg Background for the whole site, not just into one single color section?Ok, you’ve been quicker responding than me editing my prior post ;-) Thank you. The Code works fine – but why can’t I adjust this into the normal Options and need to use a CSS Code instead? Is there something wrong with me theme?
And: Now as you eliminated the borderline between Sidebar and Content: What would be the CSS code to have a gentle shadow there instead of a 1px wide line?Yigit, you did magic, thank you!!
Unfortunately one thing still remains: I can’t change the Content/Sidebar-Ratio, like Victoria suggested me earlier in this post. Just nothing happens when I change the ratio to whatever. Have a clue on this one, too?And: Now as you eliminated the borderline between Sidebar and Content: What would be the CSS code to have a gentle shadow there instead of a 1px wide line?
Hey Jordan,
first thing: shame on me. I found the colour-option to change the colour of the lines – and so I got rid of them.1. BUT: one line is still there, that I want to eleminate, too. The very thin one between the Sidebar and the Main Content.
2. Even worse: I can’t change anything within the Sidebar. I can’t change the ratio between Sidebar and Main Content for example – it just doesn’t do anything. Furthermore I’d like to center the text of the Menu and can’t figure out how to. There are just options for left and right, but even they don’t work – the Menu Text sticks to the left all the time.
3. And one more thing: I uploaded two fonts. The Font Nexa Bold should diplay my Menu Items in the Sidebar. This works in Edge, but doesn’t work in Chrome. I’ve deleted my Chrome cache, tried it in Incognito Mode – neither has worked. Edge is always fine. In Chrome the font Roboto is displayed.
Something really strange seems to be going on. and before I invest more of my sleeptime into debugging, I’ll let the experts do the work. In the private content you find the login to my site.
Hey there! Thank you, but I nailed it.
Finally I found this 2015 support post from Yigit that has solved the problem.
https://kriesi.at/support/topic/codeblock-in-fullwidth-how-to/
Can be closed here.Thank you Victoria, but its hard to believe, that there is no workaround for this problem. Isnt there a way to get a codebox or textbox to full screen view?
