css codes for your website

 

Where to add the CSS code

To add the CSS code we have two options.

If we use WordPress, the simplest and safest way to avoid touching our theme is to add our CSS in the Customize -> Additional CSS menu.

If we do not use WordPress, we must go to the style sheet of our theme (style.css) and add our code there. If we do this, it is important to always keep an original copy, in case something goes wrong.

CSS codes to paste on your web page

Create a border for our main menu

.menu {

        border-top: 1px solid #032b64;

border-bottom: 1px solid #032b64;

}

Create border for header and separate containers

/* container border */

.inside-article

{

border-top: 1px solid #6e93cc;

border-bottom: 1px solid #6e93cc;

border-left: 1px solid #6e93cc;

border-right: 1px solid #6e93cc;

}

/*header bottom border*/

.site-header

{

border-bottom: 1px solid #6e93cc;

}

Edit Yoast SEO Breadcrumbs Style

.grid-container.yoast-breadcrumb

{

    background-color: #fffff;

    height: 20px;

    max-width: ;

    margin-top: 10px;

    border-top: 0px solid #000;

    border-bottom: 0px solid #000;

}

We can add background, touch the top and bottom spaces or add borders.

In the image we show what we have played in each sample.

.widget-area .widget {

padding-left: 10px;

padding-top: 10px; padding-right: 10px; padding-bottom: 10px;

font-size: 12px;

border-top: 1px solid #e3ac64;

border-bottom: 1px solid #e3ac64;

border-left: 1px solid #e3ac64;

border-right: 1px solid #e3ac64;

}

.widget .widget-title, .widget .widgettitle {

text-align: center;

font-size: 18px;

colour: #e3ac64;

With this code we can modify the fonts and sizes of our widgets. We can also modify borders, alignment and anything else we need to modify.

Add a button to a table with TablePress

.tablepress-id-1 .column-4 a {

border: 1px solid e3ac64;

margin: 0px;

line-height: 30px;

white-space: nowrap;

font-size: 12px;

font-weight: bold;

padding: 8px;

border-radius: 8px;

background-color:rgba(0,0,0,0.65);

}

We are adding a button to the table with ID: 1 in column 4. If we wanted to add just one row, we would add .row to the command. Very useful in comparison tables with affiliate links.

hosting web

hosting linux

web hosting  

free hosting

cheap hosting

vps