2. \/*
\nYou can add your own CSS here.<\/p>\n
Click the help icon above to learn more.
\n*\/<\/p>\n
\t\/*applying the position fixed on the masterhead *\/
\n#masthead {
\n\t\ttop: 0;
\n\t\twidth: 100%;
\n\theight: 80px
\n}<\/p>\n
\t\/*positioning the main-navigation *\/
\n\t#masthead .main-navigation {
\n\t\ttext-align: right;<\/p>\n
\t\ttop: -60px;
\n\t\tright: 250px;
\n\t\tpadding: 0;
\n\t\twidth: auto;
\n\t}<\/p>\n
.site-title {
\n position: relative;
\n top: -60px;
\n left: 0px;
\n}
\n.site-description {
\n\tfont: 300 italic 24px “Source Sans Pro”, Helvetica, sans-serif;
\n\tmargin: 0;
\n\tposition: relative;
\n\ttop: -60px;
\n\tleft: 5px;
\n}<\/p>\n
\/*adjusting default margins and paddings*\/
\n #masthead .site-header-cart .cart-contents{
\n\ttop: 40px;
\n\t\tright: 10%;
\n\t\t padding:0em 0;<\/p>\n
}
\n #masthead .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
\n\tposition: relative;
\n top: -35px;
\n right: 30px;<\/p>\n
padding: 1em 1em;
\n }
\n #masthead .site-branding{
\n margin-bottom: 1em;
\n }<\/p>\n
\t\/*positioning the cart-menu *\/
\n\t#masthead .site-header-cart {
\n\t\twidth: 14% !important;<\/p>\n
\t\ttop: -60px;
\n\t\tright: 0%;
\n\t\tpadding: 0;
\n\t}<\/p>\n
\/*removing the site search*\/
\n #masthead .site-search{
\n display:none;
\n }<\/p>\n
3. \/* This removes the site footer from homepage frontpage *\/<\/p>\n
.home .site-footer {
\n display: none;
\n}<\/p>\n
4. Have a fullscreen Storefront website<\/p>\n
.site-branding .site-title a {
\n color: #0f0f0f;
\n font-weight: normal;
\n font-size: 35px;
\n}<\/p>\n
.site-branding .site-description {
\n color: #1d1e1e;
\n font-size: 15px;
\n}<\/p>\n
\/* This sets the background image of the page. Just replace the page id and the url of the background image *\/<\/p>\n
.page-id-26620 {
\n background-image: url(“http:\/\/www.webkedai.com\/wp-content\/uploads\/2017\/07\/cover-left2.jpg”);
\n background-size: cover;
\n background-repeat:no-repeat;
\n}<\/p>\n
\/* This makes the header transparent so that the background image shows through *\/<\/p>\n
.site-header {
\n background-color: transparent;
\n}<\/p>\n
\/* This removes the bottom border *\/<\/p>\n
.hentry {
\n border-bottom: 0px solid rgba(0, 0, 0, 0);
\n}<\/p>\n
\/* This sets the border of the shortcodes ultimate button *\/<\/p>\n
.sfbutton {
\n border-color: white !important;
\n}<\/p>\n
\/* This removes the site footer from homepage frontpage *\/<\/p>\n
.home .site-footer {
\n display: none;
\n}<\/p>\n
\/*
\n.page-id-26620 #site-footer {
\ndisplay: none;
\n}<\/p>\n
*\/<\/p>\n
#masthead.site-header {
\n background-color: #C1975B;
\n}<\/p>\n","protected":false},"excerpt":{"rendered":"
2. \/* You can add your own CSS here. Click the help icon above to learn more. *\/ \/*applying the position fixed on the masterhead *\/ #masthead { top: 0; width: 100%; height: 80px } \/*positioning the main-navigation *\/ #masthead .main-navigation { text-align: right; top: -60px; right: 250px; padding: 0; width: auto; } .site-title { … Continue reading Modify CSS in WordPress<\/span>