Knowledge Base
  • Attention: ALL CODES
    Use with care, always have backup of the file you will update. We will not take any responsibility if you break our site.
Internal Server Error vid byte av PHP Version och Apache Version

Internal Server Error vid byte av PHP Version och Apache Version

The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator at [no address given] to inform them of the time this error occurred, and the actions you performed just before this error.

More information about this error may be available in the server error log.
Apache/2.4.25 (FreeBSD) mpm-itk/2.4.7-03 PHP/5.6.30 Server at abcde.se Port 80
Kan lösa problemet: Döp om .htaccess

Uppdatera sedan Pärmalänkarna

How to change the color & size of scrollbars
/* Chrome, Safari */::-webkit-scrollbar {width: 15px;height: 15px;}::-webkit-scrollbar-track-piece  {background-color: #C2D2E4;}::-webkit-scrollbar-thumb:vertical {height: 30px;background-color: #0A4C95;}

Source

FAKING THE BOXED LAYOUT WITH FULL WIDTH MENU

FAKING THE BOXED LAYOUT WITH FULL WIDTH MENU

What we are doing here is limiting the width of the main content container to 80%, aligning the content centrally using the margin:auto property and adding a shadow effect to the main content container to mimic the effect of the boxed layout.

Code main-content

#main-content {    max-width: 80%;    margin: 0 auto;    box-shadow: 12px 0 15px -4px rgba(215, 215, 215, 0.8), -12px 0 8px -4px rgba(215, 215, 215, 0.8);}

Now as we have the customiser set to fullwidth, the footer bar is going to be fullwidth too, and that maybe what you want. But if you want the footer bar to be boxed too then add the same CSS for the footer as well.

Code main-footer

#main-footer {        max-width: 80%;    margin: 0 auto;    box-shadow: 12px 0 15px -4px rgba(215, 215, 215, 0.8), -12px 0 8px -4px rgba(215, 215, 215, 0.8);}

Source

https://divisoup.com/faking-the-boxed-layout-with-fullwidth-menu/

FLY-IN AND FLY-OUT ANIMATIONS

Divi: Fly-in and Fly-out Animations

Divi has built in some cool fly-in animations into it’s stylesheet for it’s Image Module. So in the module settings you have the options to have the image fade-in or fly-in from the right, left, top, or bottom.
And on the Divi Nation Quick Tip Episode #10, Nathan Weller gave us a small jquery script to trigger page element animations on both the up and down scroll–whereas by default they would only trigger on the down scroll.

And so here we are going to combine his jquery with the built in css to animate any section, row or module to make a cool animated website that feels alive. You can check out the live demo here.

Artikel här

The code

 

<script>(function($) {    var $animation_elements = $('.et-waypoint'),        $window = $(window);       function check_if_in_view() {        var window_height = $window.height(),            window_top_position = $window.scrollTop(),            window_bottom_position = (window_top_position + window_height);           $animation_elements.each(function() {            var $element = $(this),                element_height = $element.outerHeight(),                element_top_position = $element.offset().top,                element_bottom_position = (element_top_position + element_height);               //check to see if this element is within viewport            if ((element_bottom_position >= window_top_position) && (element_top_position <= window_bottom_position)) {                $element.addClass('et-animated');                $element.addClass('et_animated');            } else {                $element.removeClass('et-animated');                $element.removeClass('et_animated');            }        });    }       $window.on('scroll resize', check_if_in_view);})(jQuery);</script>

Add code to the < body > (good for tracking codes such as google analytics)

Adding the css classes

Now you can go to your page and start populating the Modules. Below are the CSS Class groups for each animation.

et_pb_animation_top et-animated et-waypoint

et_pb_animation_bottom et-animated et-waypoint

et_pb_animation_right et-animated et-waypoint

et_pb_animation_left et-animated et-waypoint

et_pb_animation_fade_in et-animated et-waypoint

Overflow Hidden
#et-main-area {       overflow: hidden;}

 

ACCORDION – FIRST CLOSED ON LOAD

Paste into Divi Options > Integration >Add code to the < head > of your blog

 

<script>jQuery(function($){    $('.et_pb_accordion .et_pb_toggle_open').addClass('et_pb_toggle_close').removeClass('et_pb_toggle_open');    $('.et_pb_accordion .et_pb_toggle').click(function() {      $this = $(this);      setTimeout(function(){         $this.closest('.et_pb_accordion').removeClass('et_pb_accordion_toggling');      },700);    });});</script>

Another way is to put the CSS Code

display:none;

in Main Element of the first Accordion Item.

Child Theme Plugin

The Divi Children plugin

Create child themes of Divi easily with a free plugin! Divi Children is a plugin specifically developed for the users of Divi. Divi Children automatically does the tiresome part of the job for you, so you can just focus on your creativity.

And now with Divi Children 2 your child theme can be customized by means of the WP Customizer while you preview your changes. You can even customize Divi modules separately with special selectors. No coding required.

Download: http://divi4u.com/divi-children-plugin/

or just a child-theme

Child Theme Maker (EMP)

Divi Child Theme Generator (and Extra too!)

FULL PAGE without Scrollbars

 

#container{ height: 100%; width: 100%; overflow: hidden; } #content{ width: 100%; height: 100%; overflow: auto; padding-right: 15px; } html, body{ height: 100%; overflow:hidden; } .et_fullwidth_nav #main-header .container { max-width: 100%; padding-left: 30px; padding-right: 30px; width: 100%; display: none; } padding: 0; } .et_pb_fullscreen .et_pb_fullwidth_header_container { max-width: none; min-height: 100vh; width: 80%; } .et_pb_fullwidth_header .header-image { line-height: 0; margin-left: 2%; margin-right: 50%; text-align: center; } .et_pb_fullwidth_header_subhead { display: block; margin-left: -46%; }

 

 

Caldera Forms: How to turn off Caldera forms saving Entries?

Add the following code in functions.php in the Child theme

 add_filter( 'caldera_forms_get_form', function( $form ){ $form[ 'db_support' ] = 0; return $form;});

 

Caldera Forms: Tweak Caldera Send Button
/* Float the botton to the right of its column */.caldera-grid .btn {    float:right;}/* Change background and text color */.caldera-grid .btn {    background-color:#439f36 !important;    color:white !important;    font-weight: 600;}/* Change background and text color on hover */.caldera-grid .btn:hover {    background-color:white !important;    color:#439f36 !important;

 

Kom åt hemsidan innan ompekning av domän

Denna guide gäller datorer med Windows.

Om ni har en domän som ännu inte pekar till er server (eller annan tjänst), eller inte kan pekas om till en ny tjänst ännu, så kan ni lokalt på er dator göra inställningar för att peka domänen i testsyften. Detta åstadkoms genom att redigera filen ”hosts” som ligger lokalt på er dator i följande mapp:

C:\Windows\System32\drivers\etc

Se till att högerklicka filen ”hosts” och kör den som administratör. Den kan öppnas med alla textredigerare, men helst en enkel variant som t.ex. Anteckningar/Notepad för att undvika formateringsproblem.

Nya lokala domänpekningar kan sedan läggas in i detta format (förklaring överst och exempel underst): [IP-adress för tjänst] [domännamn som ska länkas till IP-adress]

31.216.35.44  minsajt.se # 
31.216.35.44  www.minsajt.se #

Byt ut IP-adressen till er servers eller webbhotellets IP-adress och domännamnet till just ert domänamn.

Tänk på att varje mening måste avslutas med ett #

Det innebär i detta exempel att alla anslutningar som er dator gör mot domännamnet “minsajt.se” efter att ni sparat ”hosts” kommer efter detta omdirigeras till 31.216.35.44.

När ni sparar ändringarna, se till att ange namnet på filen som ”hosts” (inklusive citattecken) för att se till att den sparas utan filändelse. Observera att det enbart är din dator som kommer omdirigera dit, alla andra som surfar emot sajten på internet kommer skickas till den servern som finns i er DNS pekning som vanligt.

How to Increase WordPress Memory Limit?

We recommend setting memory to at least 128MB

– Default is 40 MB

define( 'WP_MEMORY_LIMIT', '256M' );

Paste the code into top of wp-config.php

Problems Cronjobs (e.g. Backupbuddy)

Problems Cronjobs (e.g. Backupbuddy)

In wp-config.php:

define('ALTERNATE_WP_CRON', true);

 

Upload size & Memory limit

Paste into HTACCESS at the top

# Upload sizephp_value upload_max_filesize 500Mphp_value post_max_size 500M# Memory limitphp_value memory_limit 256M

 

Allow SVG uploads

Add to function.php in Child Theme

function my_myme_types($mime_types){    $mime_types['svg'] = 'image/svg+xml'; //Adding svg extension    return $mime_types;}add_filter('upload_mimes', 'my_myme_types', 1, 1);

 

Stop Theme, Plugin and WordPress Scan

IN HTACCESS:

# BEGIN REBRAND
Order Deny,Allow
Deny from 52.87.112.125 #whattheme.com
Deny from 37.247.121.179 #wpthemedetector.com
Deny from 192.0.83.67 #wpthemedetector.com
Deny from 109.73.225.87 #theseotools.net
Deny from 192.163.217.239 #scanwp.net
Deny from 192.185.4.40 #whatwpthemeisthat.com
Deny from 158.69.26.58 #mythemedetector.com
# END REBRAND

add your own 🙂

Use with care, always have backup of the file you will update