What To Do When It’s Time for a Website Redesign

Home » Infographics » What To Do When It’s Time for a Website Redesign

January 4th, 2021

.bg-dotted-1::before { content: ""; background-image: url("https://cdn-dpjpe.nitrocdn.com/FkkRJdgWCnbVRXBSumhppKxDXppehAQH/assets/images/optimized/rev-dc17023/wp-content/themes/MacRAES/creative-studio/img/parallax1.png"); background-size: cover; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: .12; } .bg-animation-1::before { content: url("https://cdn-dpjpe.nitrocdn.com/FkkRJdgWCnbVRXBSumhppKxDXppehAQH/assets/images/optimized/rev-dc17023/wp-content/themes/MacRAES/creative-studio/img/circle-top-left.png"); position: absolute; left: -250px; top: 10px; opacity: .6; animation-name: spin; animation-duration: 60s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(300px) rotate(360deg); } } .bg-animation-2::after { content: url("https://cdn-dpjpe.nitrocdn.com/FkkRJdgWCnbVRXBSumhppKxDXppehAQH/assets/images/optimized/rev-dc17023/wp-content/themes/MacRAES/creative-studio/img/circle-center.png"); position: absolute; right: -510px; top: 10px; opacity: .8; animation-name: spin; animation-duration: 90s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(300px) rotate(360deg); } } .heateor_sss_button_instagram span.heateor_sss_svg, a.heateor_sss_instagram span.heateor_sss_svg { background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); } .heateor_sss_horizontal_sharing .heateor_sss_svg, .heateor_sss_standard_follow_icons_container .heateor_sss_svg { color: #fff; border-width: 0px; border-style: solid; border-color: transparent; } .heateor_sss_horizontal_sharing .heateorSssTCBackground { color: #666; } .heateor_sss_horizontal_sharing span.heateor_sss_svg:hover, .heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover { border-color: transparent; } .heateor_sss_vertical_sharing span.heateor_sss_svg, .heateor_sss_floating_follow_icons_container span.heateor_sss_svg { color: #fff; border-width: 0px; border-style: solid; border-color: transparent; } .heateor_sss_vertical_sharing .heateorSssTCBackground { color: #666; } .heateor_sss_vertical_sharing span.heateor_sss_svg:hover, .heateor_sss_floating_follow_icons_container span.heateor_sss_svg:hover { border-color: transparent; } @media screen and (max-width:783px) { .heateor_sss_vertical_sharing { display: none !important; } } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: none !important; padding: 0 !important; } .color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a { color: #cd2653; } blockquote, .border-color-accent, .border-color-accent-hover:hover, .border-color-accent-hover:focus { border-color: #cd2653; } button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link { background-color: #cd2653; } .fill-children-accent, .fill-children-accent * { fill: #cd2653; } body, .entry-title a, :root .has-primary-color { color: #000; } :root .has-primary-background-color { background-color: #000; } cite, figcaption, .wp-caption-text, .post-meta, .entry-content .wp-block-archives li, .entry-content .wp-block-categories li, .entry-content .wp-block-latest-posts li, .wp-block-latest-comments__comment-date, .wp-block-latest-posts__post-date, .wp-block-embed figcaption, .wp-block-image figcaption, .wp-block-pullquote cite, .comment-metadata, .comment-respond .comment-notes, .comment-respond .logged-in-as, .pagination .dots, .entry-content hr:not(.has-background), hr.styled-separator, :root .has-secondary-color { color: #6d6d6d; } :root .has-secondary-background-color { background-color: #6d6d6d; } pre, fieldset, input, textarea, table, table *, hr { border-color: #dcd7ca; } caption, code, code, kbd, samp, .wp-block-table.is-style-stripes tbody tr:nth-child(odd), :root .has-subtle-background-background-color { background-color: #dcd7ca; } .wp-block-table.is-style-stripes { border-bottom-color: #dcd7ca; } .wp-block-latest-posts.is-grid li { border-top-color: #dcd7ca; } :root .has-subtle-background-color { color: #dcd7ca; } body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover { color: #cd2653; } .social-icons a, #site-footer button:not(.toggle), #site-footer .button, #site-footer .faux-button, #site-footer .wp-block-button__link, #site-footer .wp-block-file__button, #site-footer input[type="button"], #site-footer input[type="reset"], #site-footer input[type="submit"] { background-color: #cd2653; } .header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle { color: #000; } body:not(.overlay-header) .primary-menu ul { background-color: #000; } body:not(.overlay-header) .primary-menu > li > ul:after { border-bottom-color: #000; } body:not(.overlay-header) .primary-menu ul ul:after { border-left-color: #000; } .site-description, body:not(.overlay-header) .toggle-inner .toggle-text, .widget .post-date, .widget .rss-date, .widget_archive li, .widget_categories li, .widget cite, .widget_pages li, .widget_meta li, .widget_nav_menu li, .powered-by-wordpress, .to-the-top, .singular .entry-header .post-meta, .singular:not(.overlay-header) .entry-header .post-meta a { color: #6d6d6d; } .header-footer-group pre, .header-footer-group fieldset, .header-footer-group input, .header-footer-group textarea, .header-footer-group table, .header-footer-group table *, .footer-nav-widgets-wrapper, #site-footer, .menu-modal nav *, .footer-widgets-outer-wrapper, .footer-top { border-color: #dcd7ca; } .header-footer-group table caption, body:not(.overlay-header) .header-inner .toggle-wrapper::before { background-color: #dcd7ca; } .recentcomments a { display: inline !important; padding: 0 !important; margin: 0 !important; } .postid-2489 .parallax-setting, .postid-2480 .parallax-setting, .postid-2710 .parallax-setting, .postid-2721 .parallax-setting, .postid-2727 .parallax-setting, .postid-2735 .parallax-setting { display: none !important; } .postid-2505 article .content h3, .postid-2505 article .content h2 { margin-top: 20px; } article .content .blog-title { height: inherit !important; } input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date.customhours { width: 100%; } /* .page-id-68 .testimonial-one { min-height: 514px; } css added on 23-07-2021 */ span.comparison_heading { width: 100%; display: block; color: #fff; font-size: 34px; font-weight: 600; text-align: center; margin-bottom: 40px; line-height: 44px; } .counter-title { color: #fff; font-size: 20px; font-weight: 400; } .counter-number { color: #fff; font-size: 48px; font-weight: 500; line-height: 33px; margin: 30px 0px 13px 0px; } .casestudy-right ul.rounded li::before { width: 25px; } .casestudy-intro { text-align: center; } .comparison-column { text-align: center; } .casestudy-intro img { margin-bottom: 20px; } .casestudy-intro h2 { font-size: 2.3rem; margin: 30px 0px; text-transform: uppercase; } .year-improve { margin-top: 50px; } .casestudy_long { text-align: left; padding-top: 50px; padding-bottom: 33px; } .pagination-wrap { display: flex; flex-direction: row; justify-content: space-between; margin-top: 70px; } .pagination-wrap { width: 100%; } .pagination-wrap a { padding: 10px 15px; text-transform: uppercase; font-size: 17px; } .accordion-container { position: relative; max-width: 100%; height: auto; margin: 10px auto; } .accordion-container > h2 { text-align: center; color: #fff; padding-bottom: 5px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #ddd; } .set { position: relative; width: 100%; height: auto; background-color: #f5f5f5; } .set > a { display: block; padding: 15px 20px; text-decoration: none; color: #1f405f; font-weight: 600; border-bottom: 1px solid #ddd; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } .set > a i { float: right; margin-top: 2px; color: #1f405f; } .set > a.active { background-color: #1f405f; color: #fff; } .set > a.active i { color: #fff; } .accordion-content { background-color: #fff; border-bottom: 1px solid #ddd; display: none; padding: 20px; color: #333; font-size: 15px; line-height: 21px; } .accordion-content { background-color: #fff; border-bottom: 1px solid #ddd; display: none; padding: 20px; font-size: 18px !important; color: #535353; font-weight: 300; line-height: 26px; letter-spacing: .5px; } .set > a.active { background-color: #1076bc !important; color: #fff !important; } /* End here */ .casestudy-intro p { text-align: center; margin-bottom: 10px; } .traffic-improve { margin-top: 50px; } /* Mobile Responsive */ @media (max-width:768px) { .group i { position: absolute; right: 4px !important; top: 9px !important; color: #1076bc; cursor: pointer; height: 31px; background: whitesmoke; width: 30px; padding: 8px; } .group .half { width: calc(100% - 0px) !important; } #contact .tcenter-cont { margin: 0px auto; } #facebk { left: 121px !important; } .main-title h1 { font-size: 2rem; } .tp-mask-wrap .tp-caption .slider-social { margin-left: -30px !important; } footer ul li a { margin: 0px auto; } section.container.clearfix.info-internal { padding: 22px 7px !important; } .animated-element.icon-box-large-two.bg-yellow.twitter-bg-hvr.d-flex.justify-content-center.align-items-center { margin-top: -41px !important; margin-left: -53px !important; } article .content p.tagBox span { white-space: nowrap; font-size: 14px; line-height: 42px; padding: 8px; } section#about h2 { font-size: 34px; } .social { margin-bottom: 30px; } .main-title h2 { font-size: 34px; } section#about .pr-5 { padding-right: 1rem !important; } ul.rounded li::before { margin-top: 8px !important; } #contact .card p, #contact ul.contact-socila { text-align: center !important; } .ti-widget.ti-goog .ti-controls-dots { display: flex !important; margin-left: 8.3rem; } .about ul.rounded li { display: flex !important; } } .btn-hvr-yellow::after { background-color: #faa71c; border-radius: 36px; } #menu-item-2474 { display: none; } @media (max-width: 1900px) { #facebk { left: 87px; } } .owl-carousel .owl-item .owl-img img { width: 65% !important; margin: 0px auto; } .certificate-wrap .owl-prev:before { content: ""; display: block; position: relative; top: 0; color: #1076bc; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 25px; transform: translateY(30%); margin-right: 10px; } .certificate-wrap .owl-next:before { content: ""; display: block; position: relative; top: 0; color: #1076bc; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 25px; transform: translateY(30%); } .owl-theme .owl-nav [class*=owl-] { background: #fff !important; } .certificate-wrap .owl-nav { margin-top: -10rem !important; margin-bottom: 10rem; margin-left: -4rem; margin-right: -1rem; } .certificate-wrap .owl-prev { float: left; } .certificate-wrap .owl-next { float: right; } .certificate-wrap { padding-top: 0px; } h4.head { font-size: 14px; padding: 15px; } p.half label, .group .full label { font-weight: bold; } span.different, span.wpcf7-list-item.first { width: 49.2%; float: right; } @media (max-width: 1920px) { .page-id-66 .main-title h2 { margin-left: 0px !important; } } @media (max-width: 736px) { .leftBox { padding: 0 0 30px 0px; } article .container { top: 45%; } .page-id-1157 .group .wpcf7-not-valid-tip { font-size: 12px; position: absolute; bottom: -20px; } .page-id-1157 .group .half { margin: 21px 0px 0px !important; } .page-id-1157 .group .full { margin: 21px 0px 0px !important; } .page-id-1459 #wpcf7-f1319-o1 { padding-bottom: 28px; } .seoform .formheader h2 { float: none; font-size: 18px; } .seoform .formheader img { display: none; } .page-id-1157 .about ul li { text-align: initial; display: block !important; } .group .half { vertical-align: top; font-weight: bold; font-size: 13.5px; line-height: 15px; } .different, span.wpcf7-list-item.first { display: contents; width: 92.2%; float: right; } .group .full { margin: 11px 0px 0px !important; } .group h3 { left: -1px !important; right: -1px !important; padding: 10px 18px !important; } .full.mail-head { font-weight: bold !important; font-size: 13.5px !important; line-height: 14px; } .group .wpcf7-form-control::placeholder { font-size: 13px; white-space: pre-line; position: relative; top: -2px; } #clutch-img img { margin-bottom: 40px; } .navbar { display: none !important; } .p-half.bg-white { text-align: center; } .footerheading6 { margin-top: 10px; } #menu-quick-links { margin-bottom: 30px; } .mob-standard-logo { margin-left: 5px; } .container.clearfix.pdg { padding: 20px 6px !important; } .owl-carousel .owl-item .owl-img img { width: 60% !important; margin: 0px auto !important; } .certificate-wrap .owl-nav { margin-left: 0rem; margin-right: 0rem; } .pb-3.rounded.blue li, .about.rounded.blue li { display: flex !important; } .blog .ti-widget.ti-goog .ti-controls-dots { display: flex !important; margin-left: 8rem; } .about-img-small { margin-left: 10px !important; top: -176px !important; } .rounded.sitemap-menu li { display: block; text-align: left; } .error-text { font-size: 165px !important; line-height: 200px !important; } .button-mobile a { margin-top: 6px; } .contact-box1 form { padding: 35px; } .group { padding: 60px 20px 29px !important; } p.half label, .group .full label { font-weight: bold; font-size: 13.5px; line-height: 15px; } .wpcf7-form-control-wrap { font-size: 16px; font-weight: 100; } .group .half { width: calc(100% - 0px) !important; margin: 11px 0px 0px !important; } span.different, span.wpcf7-list-item.first { width: 92.2%; float: right; } .bg-blue-mobile { padding: 5px 0px !important; } } input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number { width: 100%; font-size: .9em; font-weight: 400; color: #495057; } .group .half { width: calc(50% - 20px); margin: 18px 8px 0px; } .group .half { vertical-align: top; } .additional-wrap h2 { font-size: 27px; font-weight: 500; line-height: 100px; margin-bottom: 10px; color: #1f1f1f; text-align: center; } .additional-wrap h4 { font-size: 20px; font-weight: 500; text-align: center; padding: 20px; } .additional-wrap h4 a { color: #27291a; } .ti-reviews-container-wrapper .source-Google:first-child { display: none !important; } article .content.detailBlog .blogText a { text-decoration: underline !important; display: contents; } .single #blog .detailBlog strong { display: contents; } @media (min-width:1200px) { .case-button { position: absolute; top: 16pc; left: 2pc; } } .case-slider.owl-carousel .owl-nav .owl-prev:after { content: ""; display: block; position: relative; top: 0; color: white; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 25px; transform: translateY(30%); margin-right: 10px px; float: left; } .case-slider.owl-carousel .owl-nav .owl-next:before { content: ""; display: block; position: relative; top: 0; color: white; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 25px; transform: translateY(30%); margin-right: 10px px; float: right; } .case-slider.owl-theme .owl-nav [class*=owl-] { border-radius: 0px; border: 0px; width: 48%; } .case-slider .owl-nav { margin-top: -12rem !important; margin-bottom: 10rem; margin-left: -.4rem; margin-right: -.4rem; } section.case-study { background-image: url("https://cdn-dpjpe.nitrocdn.com/FkkRJdgWCnbVRXBSumhppKxDXppehAQH/assets/images/optimized/rev-dc17023/wp-content/themes/MacRAES/creative-studio/img/parallax2.png"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center 20.5906px; padding-top: 70px; padding-bottom: 70px; } section.case-study.nitro-lazy { background-image: none !important; } @media (max-width:936px) { .case-slider.owl-theme .owl-nav [class*=owl-] { width: 43%; } .case-slider .owl-nav { margin-top: -9rem !important; margin-bottom: 6rem; margin-left: -1.4rem; margin-right: -1.4rem; } .case-button { position: absolute; top: 8.5pc; left: 1pc; padding: 23px 0px 14px 0px; } .case-button a { padding: 4px 20px !important; font-size: 12px; } p.para-mobile { padding-bottom: 5px !important; } .case-more { padding-bottom: 42px; } section.case-study { padding-top: 21px; } } .awards-sec img { width: 200px; } .awards-sec h4 { font-size: 17px; margin-top: 5px; margin-left: 3px; font-weight: 500; } .by { display: inline-flex; font-weight: 500; } .page-id-2896 .heateor_sss_sharing_container.heateor_sss_horizontal_sharing { display: none; } #clients .owl-theme .owl-nav [class*=owl-] { border: 0px solid; } strong.bread-current.bread-1213, .bread-current.bread-1214, .bread-current.bread-1215, .bread-current.bread-1216, .bread-current.bread-1217, .bread-current.bread-1218 { font-weight: 400 !important; font-size: 1rem !important; } ul#custom-breadcrumbs { margin-bottom: 0px !important; } header.cursor-light .nav-box-shadow { -webkit-box-shadow: 0 0px 0px -0px rgba(0, 0, 0, 15%) !important; box-shadow: 0 0px 0px -0px rgba(0, 0, 0, 15%) !important; } i.fab.fa-linkedin.color-white:hover { color: #0a66c2; } .header-appear .navbar-top-default { height: 75px; position: fixed !important; background: #fff; -webkit-animation-name: animationFade; -o-animation-name: animationFade; animation-name: animationFade; -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 35%); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 35%); } .navbar-top-default { position: absolute !important; } .archive .main-title h2, .single.single-services .main-title h2, .page-template-industries-page .main-title h2 { font-size: 2rem; } .font-weight-light.testimonial-detail.mb-5 { color: #535353 !important; font-size: 18px !important; } p.full.mail-head { font-weight: bold; } p.full.mail-head a { color: #007bff; } p.full.mail-head span { font-weight: 100; } .page-template-template-seo-intake-form-thank-you .fadeInLeft p a { color: #007bff; } .page-template-template-view-seo-intake-form a { color: #007bff; } .page-id-1459 .wpcf7-form-control-wrap { position: relative; font-weight: 100; font-size: 16px; } .portfolio-title a { text-transform: inherit; } .page-id-1213 p, .page-id-1214 p { font-weight: 400 !important; } section#about p { font-weight: 400; } .page-id-42 section#about p, .page-id-36 section#about p { font-weight: 300 !important; } div#client-testimonial-carousel p { font-weight: 300 !important; } .single-client p { font-weight: 100 !important; } .g_icon img { position: absolute; left: 64.8%; top: 55.8%; } .g_inner_icon { width: 81px; height: 20px; position: absolute; left: 10.3%; top: 20.8%; z-index: 999; } .error { border: 1px solid #f00 !important; } #vald2 { font-size: 14px !important; color: red !important; font-weight: 600 !important; } /*.post__date{ display:none; } .title{display:none;} */ .widp { color: #316cb7; font-size: 24px; padding-bottom: 5px; margin-top: 20px; } #custom aside ul li::before { content: ""; font-family: FontAwesome; padding: 2px 3.5px; font-size: 16px; position: relative; margin-left: -15px; } .media { display: block !important; } .google-side-widget { position: fixed; bottom: 0px; z-index: 99; } .google-side-widget .ti-widget[data-layout-id='23'][data-set-id='light-background'] .ti-popup-widget { left: 0px; } /* The Close Button */ .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } div#myModal2 { z-index: 99999 !important; } #myModal2 .modal-dialog { width: 700px; margin: 10% auto; } #myModal2 .modal-body { padding: 0; } #myModal2 .close { position: absolute; right: -10px; top: -15px; background: #fff; height: 25px; width: 25px; border-radius: 100%; line-height: .5; opacity: 1; font-weight: 300; } @media only screen and (max-width:767px) { article .bg.detailBlog { background-size: cover !important; background-position: center !important; } ul.sub-menu { display: none; } .navbar-nav .menu-item-has-children .sub-menu .nav-link, #menu-desktop-horizontal-menu-1.navbar-nav .menu-item-has-children .sub-menu .nav-link { color: #fff !important; text-transform: capitalize; font-size: 13px; width: 100%; padding: 5px 1rem !important; clear: both; font-weight: 400; text-align: inherit; margin: 0; white-space: nowrap; display: block !important; margin-right: 0 !important; } }