Formatting problems after theme update
-
I have Colorway 3.4.9 installed with a child theme.
Updating to 3.7.9 causes major formatting issues, including:
– removing styles for .container (for page content)
– not displaying footer widgets
Comparing stylesheets, I found that .container is now replaced by other divs like .cw-content.container and .container-head, and the div for the footer widgets (.container_24 .grid_6) no longer exists.
How can I resolve these issues so I can update the theme?
The page I need help with: [log in to see the link]
-
Hi Denis,
Yes, we have made lots of improvements concerning the look and feel of the theme and made some HTML tweaks in the theme.
If you want to keep your changes then, you can make use of child theme.
Regarding all the stylings, please share the custom CSS that you are using, we will make the changes in the same and share the same with you.
Thanks for your reply. However, it seems that you don’t understand my issue.
I am using a child theme.
The formatting issues after updating the parent theme are not child theme styles not being applied. They are due to changes in the coding of the parent theme.
For example, the parent theme style.css includes this:
.container {
margin-top: 55px;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
background-color: #FFFFFF;
border-bottom: none;
box-shadow: inset 0 0 1px #000000;
}After updating Colorway these styles disappear because the .container div is replaced by other divs.
And for some reason, all my footer widgets disappear after updating Colorway.
How do I fix this?
I’ll paste my child theme css below, if you think it helps.
———–
/*
Theme Name: Colorway-child
Version: 1.0
Author: Samadhi Web Design
Author URI: https://www.samadhiwebdesign.com
License: GPL2+
License URI: https://www.gnu.org/licenses/gpl.html
Template: colorway
*/@import url(“../colorway/style.css”);
/*———- TEXT ——————————-*/
h1, h2, h3, h4, h5, h6 {
color: #3D8899;
}.page-id-4 .content-wrap h2 { display: none; }
/*———- HEADER —————————–*/
.logo {
margin-top: 30px !important;
}#header-column-box {
margin:0px auto;
width: 100%;
}#header-col-1 {
float:left;
margin: 0px;
width: 19.968429360695%;
}#header-col-2 {
width: 50.0394633%;
float:left;
margin: 0px;
}#header-col-3 {
float:left;
margin: 0px;
width: 29.992107340174%;
}#header-col-1 img, #header-col-2 img, #header-col-3 img {
width: 100%;
}.header .menu-bar {
margin-top: 30px !important;
}/*——– NAV-BAR ——————————*/
.content-info {
display:none;
}#menu-item-23 {
background: #fff899 !important;
}#menu-item-309 {
background: #c4e6a1 !important;
}.menu-item a {
color: #d17373 !important;
}#menu li.current-menu-item a, #menu li a.selected, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
background: #cdf6ff !important;
}#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a, #menu li.sfHover, #menu li.sfHover a {
background: none repeat scroll 0 0 #e6faff !important;
color: #fff;
}.mean-container .mean-bar {
background: none repeat scroll 0 0 #3badc7;
}/*——– SEARCH BAR —————————*/
/*——– LAYOUT ——————————-*/
.container {
margin-top: 30px;
}.content-wrap { margin-bottom: 40px; }
.content-wrap .blog ul ul.post_meta {
display:none;
}.content-wrap .blog ul li h1 {
margin: 20px 0;
}.gallery-title {
margin-bottom: 0;
}#gallery-1, #gallery-2, #gallery-3, #gallery-4, #gallery-5 {
width: 80%;
margin: 0 auto 0 0 !important;
}.galleryid-8 {
width: 90% !important;
}#gallery-1 .gallery-item, #gallery-2 .gallery-item, #gallery-3 .gallery-item, #gallery-4 .gallery-item, #gallery-5 .gallery-item, .galleryid-8 {
margin-top: 0 !important;
}/*——– BACKGROUNDS ————————–*/
/*——– COLUMNS ——————————*/
/*——– SIDEBARS —————————–*/
.sidebar {
padding: 0 0 20px 20px;
}.page-id-282 .sidebar { display: none; }
/*——– IMAGES ——————————-*/
.footer-container img.after {
float: none;
margin-left: 6px;
height: 24px;
width: 24px;
}/*——– CAROUSEL —————————–*/
.home-slider {
width: 100%;
}.metaslider { margin-bottom: 40px; }
.metaslider .caption {
color: #fff;
font-size: 150%;
}#cboxTitle {
color: #fff !important;
font-size: 24px;
left: 10px !important;
top: 0px !important;
}/*——– BUTTONS ——————————*/
.wpcf7-submit {
box-sizing: border-box;
color: #267080;
display: block;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: bold;
line-height: 1em;
padding: 15px 25px;
text-shadow: -1px -1px 0 #fff;
background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 246, 114, 1) 45%, rgba(255, 217, 49, 1)) repeat scroll 0 0;
border-color: #267080;
border-radius: 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 0 2px #333;
position: relative;
text-decoration: none;
}.footer-container img.facebook,
.footer-container img.tripadvisor {
margin-right: 20px;
}.page-id-14 .content-wrap img {
margin-top: 0;
margin-right: 20px;
}/*——– FORMS ——————————–*/
input[type=”text”], textarea, input[type=”email”] {
border: 1px solid #e08787 !important;
color: #666;
padding-left: 10px;
font-size: 1.1em;
}/*——– FOOTER ——————————-*/
.footer-container {
padding-top: 0px;
background: #7ABDCC !important;
}.footer-container .common {
padding: 25px 25px 10px 25px;
}.footer-container h4 {
font-size: 1.4em;
color: #fff !important;
background-image: none !important;
padding: 0;
margin: 0 0 5px 0;
}.footer-container a {
color: #fff672 !important;
}.footer-container a:hover, .footer-container a:focus, .footer-container a:active {
color: #3D8899 !important;
}.footer-navi {
background: #3D8899 !important;
}.footer-navi .right-navi p a {
color: #fff672 !important;
}.footer-navi .navigation ul.footer_des li {
color: #fff;
}/*——– MISC ———————————*/
.social_link, .social_logo {
display: none;
}.efbl_feed_wraper { margin-bottom: 40px !important; }
.facebook-title { color: white; background-color: #415ea1; padding: 6px 0 6px 20px; }
.noticias-title { background-color: #e6faff; padding: 6px 0 6px 20px; }
/*——– MEDIA QUERIES ————————*/
@media only screen and (max-width: 767px) {
#header-col-1, #header-col-3 {
display: none;
}#header-col-2 {
width: 100%;
}.menu-bar, .slider-container, .logo, .content-wrapper, .footer-wrapper {
margin-left: 10px;
margin-right: 10px;
}}
@media only screen and (min-width: 768px) and (max-width: 960px) {
#menu .sf-menu li {
font-size: 12px !important;
margin-right: 8px !important;
}}
Please email us with the details, we will check and do the needful for you.
Please provide an email address.
Hi, please I need some help.
I do have a problem with my website: seifenstueck.atThe section below “Herzlich Willkommen bei Seifen Stück” is not really responsive, the images change the proportion and look kind of wired on mobile.
This is after one of the last updates.
Please can you help me ?
Thank you very much
Michael
[email protected]- This reply was modified 6 years, 2 months ago by testimovements.
Hi,
Thanks for contacting us
It would be better for us to understand your query with the help of some edited screenshots of the concerned areas of your site.
I still have this issue. If I update Colorway from 3.4.9 to 3.8.4, my footer widgets disappear, and some styles (link color for example) change.
URL: pousadavaledosonhos.com.br
I am using a child theme.
I placed the following in a Google Drive folder:
– Screenshots of Home page before and after theme update
– Source code for Home page before and after theme update
– Child theme stylesheetAccess them here:
https://drive.google.com/open?id=1iAUdW7t1aGIjF8hThkcctVMeCcCVvKSINotice starting at line 220 in the source code for the page prior to update:
<div class=”grid_24 footer”>
<div class=”grid_6 alpha”>
My first footer widget is here
/div>But in the source code for the page after update:
<div class=”container_24 footer-container”>
<div class=”grid_24 footer”>
</div>There’s no widget content. And many class names have changed: .grid_24 has been changed to ,container_24, .footer has been changed to .footer_container, .grid_6 has changed to .grid_24, etc.
Please let me know how I can safely update your theme.
I have not received a response to my message from 3 weeks ago. Can you help me?
If I cannot safely update your theme I will have to leave a negative review and find another theme. I’d prefer to update Colorway.
I STILL have not received a response from you. Can you help me?
If I cannot safely update your theme I will have to leave a negative review and find another theme. I’d prefer to update Colorway.
- The topic ‘Formatting problems after theme update’ is closed to new replies.