Additional css urls changed from S3 links to live site links when downloaded the site for local development

So, I have a website with the Hueman theme. It’s all working properly on the live domain name but I needed to make some changes so I downloaded the whole website (files and database) on my local computer to make the changes and publish them on the live site.

What happened is extremely intriguing, at least to me. The header has a large background image done through css from Appearance > Customize > Advanced Options > Additional CSS and that image on the live site is an Amazon S3 link (all my media files go there) but when I set up the site locally the link in the "Additional CSS" changed to point to WordPress’ uploads directory on the live site and obviously that’s a 404 error.

The plugin which handles my S3 upload is "WP Offload Media Lite" and I have the "Amazon Web Services" plugin as well.

Here is my live site additional css:

/* You can add your own CSS here.  Click the help icon above to learn more.  Use this field to test small chunks of CSS code. For important CSS customizations, it is recommended to modify the style.css file of a child theme. http//codex.wordpress.org/Child_Themes */  /*@import url('https://fonts.googleapis.com/css?family=Kalam&display=swap'); */ html {     max-width: 100%;     overflow-x: hidden; }  #header {     background: url(https://imagecurve.s3.eu-central-1.amazonaws.com/wp-content/uploads/2020/12/21134758/Book-on-a-pebble-beach-propped-open-with-a-stone-hero-1920x650-1.jpg) center 0px no-repeat; }  nav#nav-header {     background: #33363b !important;     opacity: 0.9; }  #nav-header.nav-container {     box-shadow: none;     -webkit-box-shadow: none; }  #nav-header li a {     font-weight: bold; }  #header .pad {     max-width: 480px;     margin: 80px auto;     background: rgb(68, 68, 68);     opacity: 0.8;     padding: 30px 30px 20px;     padding-top: 28px;     padding-bottom: 30px;     text-align: center; }  #header .site-title, #header .site-description {     float: none; }  #header .site-description {     font-size: 17px;     color: rgb(255, 255, 255);     font-weight: 500;     text-align: center;     line-height: 40px;     padding: 0;     font-style: normal;     margin-left: 0; }  /* Subscribe form */ .widgetGuts .success {     background: #01c01e; }  .widgetGuts .subscribeButton {     background: #3b8dbd;     color: #fff;     padding: 8px 14px;     font-weight: 600;     display: inline-block;     border: none;     cursor: pointer;     -webkit-border-radius: 3px;     border-radius: 26px; }  #frm-subscriptionFrontsimplesubscribe-2 dl dt:first-child {     margin-bottom: 5px; }  #simplesubscribe-2 > h3 {     font-size: 20px; }  .post-meta .post-date {     display: none; }  /* Contact forms */ .wpcf7-form span.wpcf7-not-valid-tip {     position: static;     display: inline-block;     width: 100%;     margin-top: 8px; }  .wpcf7-form input[type=text], .wpcf7-form input[type=email] {     width: 100%; }  .wpcf7-submit {     border-radius: 26px !important; }  .nf-form-cont .submit-wrap input {     background: #3b8dbd;     color: #fff;     padding: 8px 14px;     font-weight: 600;     display: inline-block;     border: none;     cursor: pointer;     -webkit-border-radius: 3px;     border-radius: 3px; }  article.post-26078 > .post-inner, article.post-28116 > .entry {     max-width: 800px; }  #frm-subscriptionFrontsimplesubscribe-2 #frm-email {     width: 100%;     padding: 6px 8px;     box-sizing: border-box;     border-radius: 3px;     border: 1px solid #c7c7c7; }  #header-widgets {     float: none; }  #header-widgets p {     margin-bottom: 0; }  .ap-form-field .wp-switch-editor {     height: 25px; }  .social-links li:nth-child(3), .social-links li:nth-child(5) {     display: none; }  #header .site-description {     font-size: 22px !important; }  #explore-legends {       background: #dff3d5;     border: 2px solid #82b965;     padding: 65px 0 25px 0;     text-align: center;     margin-bottom: 20px;     border-radius: 18px; }  #explore-legends h3 {     color: #8a8989;     margin-bottom: 0;     font-family: 'Kalam', cursive; }  #explore-legends a {         background: #82b965;     display: inline-block;     padding: 7px 12px;     text-align: center;     color: white;     clear: right;     margin: 12px 0 35px 0;     border-radius: 13px;     width: 100%;     max-width: 165px;     box-sizing: border-box;     font-weight: bold; }  #explore-legends i {     font-style: italic;     color: #5d5d5d; }  @media(max-width: 1200px) {     #header-widgets {         margin-top: 5px;         display: block !important;     } }  @media(max-width: 1280px) {     #header {         background: url(https://imagecurve.s3.eu-central-1.amazonaws.com/wp-content/uploads/2020/12/21134754/Book-on-a-pebble-beach-propped-open-with-a-stone-hero-1280x500-1.jpg) center 0px no-repeat;     } }  @media(max-width: 1024px) {     #header {         background: url(https://imagecurve.s3.eu-central-1.amazonaws.com/wp-content/uploads/2021/01/06051411/Book-on-a-pebble-beach-propped-open-with-a-stone-hero-1024x420-2.jpg) center 0px no-repeat;     } }  @media (max-width: 785px) and (min-width: 720px) {     #nav-header li:nth-last-child(2) {         display: none;     } }  @media(min-width: 720px) {     #nav-header li:last-child {         float: right;     }      #nav-header li:nth-last-child(2) {         float: right;     } }  @media (max-width: 720px) {     #header .container .group.pad {         max-width: 252px;     }      #header .site-title {         padding: 0;     } }  @media (max-width: 580px) {     .wp-pagenavi span.extend {         display: block;     } }  @media (max-width: 480px) {     #header .container .group.pad {         margin: 50px auto;     }      #header {         background: url(https://imagecurve.s3.eu-central-1.amazonaws.com/wp-content/uploads/2021/01/06051527/Book-on-a-pebble-beach-propped-open-with-a-stone-hero-480x520-2.jpg) center center no-repeat;     } } 

Here is my local additional css:

/* You can add your own CSS here.  Click the help icon above to learn more.  Use this field to test small chunks of CSS code. For important CSS customizations, it is recommended to modify the style.css file of a child theme. http//codex.wordpress.org/Child_Themes */  /*@import url('https://fonts.googleapis.com/css?family=Kalam&display=swap'); */ html {     max-width: 100%;     overflow-x: hidden; }  #header {     background: url(https://www.imagecurve.com/wp-content/uploads/2020/12/21134758/Book-on-a-pebble-beach-propped-open-with-a-stone-hero-1920x650-1.jpg) center 0px no-repeat; }  nav#nav-header {     background: #33363b !important;     opacity: 0.9; }  #nav-header.nav-container {     box-shadow: none;     -webkit-box-shadow: none; }  #nav-header li a {     font-weight: bold; }  #header .pad {     max-width: 480px;     margin: 80px auto;     background: rgb(68, 68, 68);     opacity: 0.8;     padding: 30px 30px 20px;     padding-top: 28px;     padding-bottom: 30px;     text-align: center; }  #header .site-title, #header .site-description {     float: none; }  #header .site-description {     font-size: 17px;     color: rgb(255, 255, 255);     font-weight: 500;     text-align: center;     line-height: 40px;     padding: 0;     font-style: normal;     margin-left: 0; }  /* Subscribe form */ .widgetGuts .success {     background: #01c01e; }  .widgetGuts .subscribeButton {     background: #3b8dbd;     color: #fff;     padding: 8px 14px;     font-weight: 600;     display: inline-block;     border: none;     cursor: pointer;     -webkit-border-radius: 3px;     border-radius: 26px; }  #frm-subscriptionFrontsimplesubscribe-2 dl dt:first-child {     margin-bottom: 5px; }  #simplesubscribe-2 > h3 {     font-size: 20px; }  .post-meta .post-date {     display: none; }  /* Contact forms */ .wpcf7-form span.wpcf7-not-valid-tip {     position: static;     display: inline-block;     width: 100%;     margin-top: 8px; }  .wpcf7-form input[type=text], .wpcf7-form input[type=email] {     width: 100%; }  .wpcf7-submit {     border-radius: 26px !important; }  .nf-form-cont .submit-wrap input {     background: #3b8dbd;     color: #fff;     padding: 8px 14px;     font-weight: 600;     display: inline-block;     border: none;     cursor: pointer;     -webkit-border-radius: 3px;     border-radius: 3px; }  article.post-26078 > .post-inner, article.post-28116 > .entry {     max-width: 800px; }  #frm-subscriptionFrontsimplesubscribe-2 #frm-email {     width: 100%;     padding: 6px 8px;     box-sizing: border-box;     border-radius: 3px;     border: 1px solid #c7c7c7; }  #header-widgets {     float: none; }  #header-widgets p {     margin-bottom: 0; }  .ap-form-field .wp-switch-editor {     height: 25px; }  .social-links li:nth-child(3), .social-links li:nth-child(5) {     display: none; }  #header .site-description {     font-size: 22px !important; }  #explore-legends {       background: #dff3d5;     border: 2px solid #82b965;     padding: 65px 0 25px 0;     text-align: center;     margin-bottom: 20px;     border-radius: 18px; }  #explore-legends h3 {     color: #8a8989;     margin-bottom: 0;     font-family: 'Kalam', cursive; }  #explore-legends a {         background: #82b965;     display: inline-block;     padding: 7px 12px;     text-align: center;     color: white;     clear: right;     margin: 12px 0 35px 0;     border-radius: 13px;     width: 100%;     max-width: 165px;     box-sizing: border-box;     font-weight: bold; }  #explore-legends i {     font-style: italic;     color: #5d5d5d; }  @media(max-width: 1200px) {     #header-widgets {         margin-top: 5px;         display: block !important;     } }  @media(max-width: 1280px) {     #header {         background: url(https://www.imagecurve.com/wp-content/uploads/2020/12/Book-on-a-pebble-beach-propped-open-with-a-stone-hero-1280x500-1.jpg) center 0px no-repeat;     } }  @media(max-width: 1024px) {     #header {         background: url(https://www.imagecurve.com/wp-content/uploads/2021/01/Book-on-a-pebble-beach-propped-open-with-a-stone-hero-1024x420-2.jpg) center 0px no-repeat;     } }  @media (max-width: 785px) and (min-width: 720px) {     #nav-header li:nth-last-child(2) {         display: none;     } }  @media(min-width: 720px) {     #nav-header li:last-child {         float: right;     }      #nav-header li:nth-last-child(2) {         float: right;     } }  @media (max-width: 720px) {     #header .container .group.pad {         max-width: 252px;     }      #header .site-title {         padding: 0;     } }  @media (max-width: 580px) {     .wp-pagenavi span.extend {         display: block;     } }  @media (max-width: 480px) {     #header .container .group.pad {         margin: 50px auto;     }      #header {         background: url(https://www.imagecurve.com/wp-content/uploads/2021/01/Book-on-a-pebble-beach-propped-open-with-a-stone-hero-480x520-2.jpg) center center no-repeat;     } } 

The live site is here.

I tried googling but nothing sensible was found. I am confused, how could this happen?

Best theme/boiler plate for WordPress theme development in 2021?

I think I’m having an existential crisis. Six years ago, I began building WordPress websites using a pre-built theme, and I would just modify the child CSS, page builder, etc to make it look like my clients’ brand. Eventually, the sites started to get larger, with bigger budgets, so I had time to explore better options. I jumped on Underscores (_S), which is good, but there were lots of components I had to rebuild over and over. I switch to Understrap which I still like, but development has been slow, and I’m scared I’m going to become obsolete.

My question is, what is your build process for 2021 for larger projects (ones that take a few months overall) and what’s your Workflow?

Professions-SEO.comSEO & Web Development Agency, Worth over $1000!

How does your business make money?

This business framework as a dropshipping one, It's very simple. ProfessionsSEO.com is already an agency website and have all kinds of services there. Once you receive any projects, you gave them your own price and have us sent that project and we'll do it for you. All you need to do is Marketing.

WEBSITE FEATURES

– Awesome site with awesome domain.

– NO Coding or Programming Experience is required.

– High Quality Design.

-…

Professions-SEO.comSEO & Web Development Agency, Worth over $ 1000!

SEO & Web Development Agency, 8 Years Aged Domain, Worth over $1000!

Why are you selling this site?
This agency website provides you all kinds of services like Web Development, Web Design, Graphics, Branding, and much more. Its main focus is to provide services for Search Engine Optimization (SEO).

2. How does your business make money?
This business framework has a drop shipping one, It's very simple. ExiteWeb is already an agency website and has all kinds of services there. Once you receive any projects, you gave them your own price and have…

SEO & Web Development Agency, 8 Years Aged Domain, Worth over $ 1000!

Site Development – Online Adventure Sports

Hi

I am starting up development of a website to promote and sell adventure sports related services. I have purchased a domain for it.

I have taken bookme.co.nz as a baseline for development of this site. I am new to website development and content management.

I seek advice on how to initiate development. I was initially of the opinion that a custom made site would do good considering the purpose at hand. But with so many different CMS available along with different E-commerce builders it…

Site Development – Online Adventure Sports

Understanding the importance of Gunicorn and Nginx for Django web development

I’m entirely uninitiated to the world of web development, and only have a tentative grasp on Django and web development through the test server it works through.

From the guide I’m reading, the author turns to using Nginx once he starts working on site deployment, because Django is "not designed for real-life workloads." What does that mean, and why doesn’t it? In terms of justification for using Gunicorn, the author remarks:

Do you know why the Django mascot is a pony? The story is that Django comes with so many things you want: an ORM, all sorts of middleware, the admin site…​ "What else do you want, a pony?" Well, Gunicorn stands for "Green Unicorn", which I guess is what you’d want next if you already had a pony…​

Well and good, but I don’t really know what the two are doing for the server. I know for web developers this is like asking what multiplication is to a maths professor, so please excuse the naivety. In your please keep in mind I have almost no knowledge of web development other than what I’ve thus far learned from this guide, doing my best to understand as much as I can for the previously entirely uninitiated (I’m from a computational programming background).

WordPress Plugin Development – get_option error

I am trying to put the option on selected with the built in function of wordpress called selected. I have tried to change the key from opt to different key names for every select field and it still didn’t work.

At the moment i am stuck, see my code below:

$  taxonomy_args = array(     'public'    =>  true,     '_builtin'  =>  false );  $  taxonomy_names = get_taxonomies($  taxonomy_args);  $  select_field = get_option('select_field');   echo "<form id='example_details' method='post' action''>";     foreach( $  taxonomy_names as $  taxonomy_name ) {         echo "<div class='div_fields'>";         $  taxonomy_name_lc = strtolower($  taxonomy_name);         echo "<label for='$  {taxonomy_name_lc}_select_field'>$  {taxonomy_name}</label>";             echo "<select class='example_form_select' name='details_select_field[opt]' id='$  {taxonomy_name_lc}_select_field'>";                 echo "<option></option>";                 $  terms = get_terms( array(                      'hide_empty'    => false,                     'taxonomy'      => $  taxonomy_name                 ) );                                  foreach ($  terms as $  term) {                     echo "<option id='" . $  term->name . "' value='" . $  term->name . "' " . selected(isset($  select_field['opt']), $  term->name) . ">" . $  term->name . "</option>";                 }               echo "</select>";         echo "</div>";     }     wp_nonce_field( $  this->plugin, 'details_nonce' ); echo "</form>";  

I did a var_dump on the $ select_field variable but that one returns a boolean of false.

GUI for LAMP stack with ubuntu on WSL2 for website development

Currently I am using WAMPserver on Windows, I'm very happy with it, but Drupal requires Drush and Composer for website maintenance and updates, all the literature is written for linux.

So I am looking into using WSL2 with ubuntu – and I am looking for a tool similar to WAMPserver for ubuntu

What I particularly appreciate in WAMPserver is that everything comes pre-installed and pre-configured, and the program takes care of creating new vhosts, etc. as needed, no need to do anything in the…

GUI for LAMP stack with ubuntu on WSL2 for website development