Graphic | Printdesign &
Frontend development
Webdesign |

| Rotate div Text/container via css for 
nice icons :

with the css style transform: rotate(90deg); you. can rotate every div container. I use it for nice icons . for older browsers you have to add : -webkit-transform: rotate(15deg); /* for Safari */
-o-transform:rotate(15deg); /* for Opera */
-ms-transform:rotate(15deg); /*for IE 9 */

Excample for letter I E:


.box {
font-size: 120pt;
font-family: Arial, sans-serif;
font-weight: bold;
color: black;
width: 120px;
height: : 120px;
text-align: right;
line-height: 120px;

#box1 {
-moz-transform: rotate(15deg); transform: rotate(90deg);
<div id="box1"

| WP image upload problems
with Apache Server (128kb max):

Fast CGI Modul (php.7 standard active).This standard adjustment will limit your WP uploads to 128kb per image.

Troubleshooting: -shout down Fast CGI
-or start mod_security Shockwave...

| Change WP Database links via phpmyadmin

Change WordPress Database links via phpmyadmin direct (live on server per SQL) . This the fastest way but you should know what you are doing,as always backup your database first !
-Or go for the easy and safe way with following plugin, but same here always backup your database first :
.better search and replace is one of the best in my eyes...after a lot of troubleshooting with plugins like Elementor , since a few month the plugin is working very fine...
-Export your database with phpmyadmin , then use a text editor like text wrangler , for search and replace your links...then re-import it in your database with phpmyadmin import function.
Notice that this only works with databases around 2-5mb. Really big ones will cause reimport-problems .

Guid (Menue etc.):

UPDATE wp_posts


UPDATE wp_posts
SET post_content = REPLACE(

Custom Fields , Plugins:

UPDATE wp_postmeta
SET meta_value = REPLACE(


| Viewport for running your website fast and relative proper on mobile devices:

Code should be placed on top of header.php

In this case ( initial-scale=1) which is standard means your site is one to one ...But that makes no sence because of high definition retina displays now a days ... try 0,7 or something ...

Best way , but way more work for sure is the :
@media only screen and (min-width: 600px) { place for your css for mobile devises , bigger text size and so on... } }

<meta name=viewport content="width=device-width, initial-scale=1">

| Change the curser select color
from your website
via css :

this code should be placed in your style.css on top

::-moz-selection { background: #2e5f84; color: #fff; }
::selection { background: #2e5f84; color: #fff; }

| Graphicdesign | Frontend Solutions | Artdirection |
Mario Bender www.bendertainment.com © & ® 2005 – 2020. All Rights Reserved.