Copy link to clipboard
Copied
Hi everyone! I am trying to switch to Dreamweaver from Muse. I was trying to center an H1 on the top of the screen and a footer to the bottom of the screen but it did not work using the interface. Once I found the codes on the web I checked to see if they were being applied in the CSS and I noticed that they were not there. So I manually entered them and both worked perfectly. Can anyone tell me why Dreamweaver is not writing the codes when I use the interface? Thank you, Umberto.
Open index.css file and edit code manually.
Change background-color to #EAEAEA.
Save changes (Ctrl/Cmd + S).
Upload file to server and refresh your browser.
It should look like this:
The address box is getting it's red background-color another stylesheet called master_a-master.css file.
#u80-8 {
background-color: #ED1C24;
}
I wasn't exagerating when I said Muse code is horrible.
Copy link to clipboard
Copied
Sorry, I miss understand your UI question, but if you need using center item on code, the best way to learn is to use online tool such
https://www.codegrepper.com/code-examples/html/div+center+css
https://css-tricks.com/centering-css-complete-guide/
does this help you ?
have a pleasant day
birnou
Copy link to clipboard
Copied
When styles do not show up, it's often due to code errors. But without knowing more about your workflow, it's impossible to guess what may be happening.
1. Are you working in a defined local site folder that resides on your primary hard drive? Site > New Site...
2. Are you adding CSS to an external stylesheet file or embedding new rules between the <style> tags in your HTML document's <head> tag?
3. When using the CC Designer Panel, are you saving your work often with Ctrl/Cmd+S and refreshing Live view with F5?
Copy link to clipboard
Copied
Copy link to clipboard
Copied
What is the URL to your current website where you want to change the background?
When you can manually build a basic HTML page, you're ready to use a code editor like Dreamweaver.
See links below. Read chapters, do code exercises and take quizzes at the end.
- https://www.w3schools.com/html/
- https://www.w3schools.com/css/
- https://www.w3schools.com/js/
Bootstrap is an HTML and CSS framework for creating responsive layouts that perform well on all devices. Using Bootstrap's library will save you many hours of tedious manual coding. But to get the most out of Bootstrap, you should understand code and more specifically Bootstrap's 12-box grid system and built-in classes. It's not hard, anyone who can count to 12 can learn to use Bootstrap. But don't mix Bootstrap with Muse generated code because Muse code is horrible.
-- https://www.w3schools.com/bootstrap4/
-- https://getbootstrap.com/docs/4.5/getting-started/introduction/
-- https://getbootstrap.com/docs/4.5/examples/
Copy link to clipboard
Copied
Copy link to clipboard
Copied
OK the red background is coming from this in your index.css file:
.html {background-color:#ED1C24; }
Copy link to clipboard
Copied
Copy link to clipboard
Copied
Open index.css file and edit code manually.
Change background-color to #EAEAEA.
Save changes (Ctrl/Cmd + S).
Upload file to server and refresh your browser.
It should look like this:
The address box is getting it's red background-color another stylesheet called master_a-master.css file.
#u80-8 {
background-color: #ED1C24;
}
I wasn't exagerating when I said Muse code is horrible.
Copy link to clipboard
Copied
Copy link to clipboard
Copied
You too and stay safe.