prabhukb

share your site address.

Hello Earnshaw24,

There is no gradient, only background and box-shadow.
The code is below

#main-area::before {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#main-area {
    background-color: #f8fafa;
    margin-bottom: 60px;
    position: relative;
}

Your site working well at my end.
Go to clear your history, and check your site.

Hello FoxTek,

use this css:

.header .header-inner .nav ul li ul li a {
border-top: 1px solid #;
}

Hello itylater,

use this plugin
https://www.ads-software.com/plugins/simple-custom-css/

Hi itylater,

add style in your stylesheet,

.page-id-29 div#dynamic-content.outline section#boxes.container div.texture div.content div.content-pad {
margin-top: -720px;
}

Hi FoxTek,

First, Try This code, If it does not work then

.header .header-inner .nav ul li:hover > ul {
	background-color: #333;
}

Second Try This one.

.header .header-inner .nav ul li ul {
	background-color: #333 !important;
}

post your site url.

Hi rcpalabrica,

Copy and Paste in your stylesheet (End of the stylehseet)

@media only screen and (max-width: 768px) {
	.menu-header {
		background-position: center 10px !important;
	}

	#wrapper .primary-menu .dd-selected {
		width: 20%;
		float: right;
		text-align: right;
	}
}

Sidebar Heading CSS:

ONLY COPY AND PASTE. don't add any title name (".RECENT COMMENTS" etc)
.primary-sidebar .widget .widget-title {
color: red;
font-family: cursive;
font-size: 17px;
}

Sidebar Link color
#secondary .widget a {
color: #;
}

#secondary .widget a:hover {
}

Hello,

Create a Child Theme. following the url.
https://codex.www.ads-software.com/Child_Themes

open style.css in the main theme folder.
copy all the styles. and paste into the child theme style.css file.
search and replace orange color into new color.

your site Orange color code #ff794c

Hey Rcpalabrica,
Use this code in your stylesheet.

.menu-header {
    background-position: 35% center !important;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -100% !important;
    margin-right: -100% !important;
    padding-left: 100% !important;
    padding-right: 100% !important;
}

.footer {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -100% !important;
    margin-right: -100% !important;
    padding-left: 100% !important;
    padding-right: 100% !important;
}

body {
	overflow-x: hidden;
}

.primary-sidebar .widget .widget-title {
color: red;
font-family: cursive;
font-size: 17px;
}

Hi satimis,

Use this code

.site-header {
 max-width: 100%;
}

#site-header img {
width: 100%;
}

Change header image width to 2000px

Sure.