Design Cloud - Lawyer Site

[texaskiwi13]

Hi team,

I am attempting to use a design cloud site for hte first time and have installed the “lawyer”. All is looking okay so far, but I cant get the blank space on the left with the downwards arrow to show, so all of the design and alignment looks a bit off. can you please help?

this is what i’m missing:

this is what it looks like:

Thanks so much!!
Ashley

[prakash_s]

Hello @texaskiwi13,

Thanks for writing to us.

It seems that the custom CSS code was not imported. I would suggest you go to Theme Options -> Custom Code ->Global CSS

.site {
padding-top: 1.75em;
}

.blog .entry-wrap {
padding: 0px !important;
box-shadow: none !important;
}

.blog .entry-header {
display: flex;
flex-direction: column-reverse;
}

.blog .p-meta span,.blog .p-meta span i,.blog .p-meta span:after {
display: none;
}

.blog .p-meta span:nth-child(2) {
display: inline-block;
margin: 15px 0;
font-size: 1.3em !important;
line-height: 1.4;
color: #b3b3b3;
}

.blog .entry-title a {
font-size: 0.9em !important;
line-height: 1.5;
color: #191919;
}

.blog .h-landmark {
padding: 6vw 0em 2vw 0em;
font-size: calc(2em + 1.8vw);
letter-spacing: 0em;
text-align: left;
}

.blog .h-landmark span:before,.blog .h-landmark span:after {
display: none;
}

.blog .p-landmark-sub {
max-width: 640px;
margin: 0em;
padding: 0em 0em 3em 0em;
font-family: inherit;
font-size: 1em;
font-weight: 400;
letter-spacing: 0em;
line-height: 2.4;
text-align: left;
}

.post .entry-featured {
display: none;
}

.post .entry-wrap {
border-radius: 4px;
}

.x-navbar,.x-topbar {
border-bottom: 0px;
box-shadow: none;
}

.x-navbar .x-container,.x-topbar .x-container {
position: relative;
width: 100%;
max-width: 1075px;
margin-left: 0;
padding: 0 1em;
}

.masthead-inline .desktop .x-nav {
float: left;
}

.x-btn-navbar.collapsed {
color: #b9965c;
}

.x-navbar .mobile .x-nav {
padding: 0 1em;
}

.x-brand {
display: none;
}

.x-navbar .mobile .x-nav li > a:hover,.x-navbar .mobile .x-nav .x-active > a,.x-navbar .mobile .x-nav .current-menu-item > a {
color: #b9965c;
}

.x-topbar .x-container .p-info {
clear: both;
width: 100%;
font-size: 14px;
line-height: 1.6;
background-color: transparent;
}

.x-topbar .x-container .p-info span {
padding-bottom: 1em;
display: block;
}

.x-colophon.top {
padding-top: 0px;
padding-bottom: 0px;
border: 0px;
box-shadow: none;
}

.x-colophon.top .widget {
text-shadow: none;
}

.x-colophon.top .x-container {
width: 100%;
max-width: 100%;
}

@media (min-width: 768px) {
.p-info span:first-child {
float:left;
}

.p-info span:last-child {
float: right;
}
}

@media (max-width: 979px) {
.x-brand {
display:block;
}

.x-navbar {
border-top: 3px solid #b9965c;
}
}

@media (min-width: 980px) and (max-width:1169px) {
.site {
padding-left:3em;
padding-right: 3em;
}

.x-force-full-width,.x-colophon {
position: relative !important;
left: calc(0vw - 3em);
width: calc(100vw + 3em);
padding-left: 3em !important;
padding-right: 3em !important;
}

.no-right-padding {
right: calc(0vw - 3em);
}

.site:before,.site:after {
display: none;
}
}

@media (min-width: 1048px) {
.x-topbar .x-container .p-info {
position:absolute;
top: 50px;
right: 0;
width: 450px;
}
}

@media (min-width: 1170px) {
.site {
padding-left:calc((50vw - (1170px / 2)) + 1em);
padding-right: 3em;
}

.x-force-full-width,.x-colophon {
position: relative !important;
left: calc(0vw - ((50vw - (1170px / 2) + 1em)));
width: calc(100vw + 3em);
padding-left: calc((50vw - (1170px / 2)) + 1em) !important;
}

.x-force-full-width.x-padded,.x-colophon {
padding-left: calc((47.5vw - (1170px / 2)) + 1em) !important;
}

.x-force-full-width.x-rtl {
padding-left: 0 !important;
padding-right: calc((47.5vw - (1170px / 2)) + 1em) !important;
}

.no-right-padding {
right: calc(0vw - 3em);
}

.site:before,.site:after {
left: calc(((49vw - (1170px / 2)) - (107px + 2vw)) + 1em);
}

.site > .x-container.max {
margin-left: 0px;
}

.blog .site > .x-container.max,.blog .site > .x-header-landmark {
margin-left: 0px;
padding-left: 1em;
padding-right: 1em;
}
}

@media ( max-width: 1440px) {
.head_spacer .x-bg {
display:none;
}
}

@media (min-width: 1441px) {
.site:before,.site:after {
content:"";
display: block;
position: absolute;
background-image: url(//demo.theme.co/lawyer/wp-content/uploads/sites/95/2019/11/logo.png);
background-repeat: no-repeat;
background-size: cover;
width: 107px;
height: 24px;
}

.site:before {
top: 0;
transform: rotate(-90deg) translate(-87%,0);
}

.site:after {
bottom: 6em;
transform: rotate(-90deg) translate(36%,0);
}
}

Please clear your browser cache and check it again.

Thanks