Material Design Stock Theme

theme-full

(hosna) #317

Facing this problem. How should I update the theme?


(Joe) #319

Go to

your.site.com/admin/customize/themes/

Look for the Material Design Theme. Click on it and then hit the update button


(Merlls Rizzini) #320

@Johani, can you give me any hint here? I’m trying to replicate reply button on mobile view as a floating button

.create{
position: fixed;
z-index: 101;
bottom: 45px;
right: 15px;
border-radius: 100%;
height: 60px;
span{
    display: none;
}

}

44433

Its working, but if I made this change both icons here (in editor and reply) will be missing.

2222 44333


(Taylor) #321

The scoping of your CSS is a bit too broad. It’s applying the styling to all of the reply buttons within the topic. I think the reply button you would want to use is the one located in the footer button section of the topic.

Try using #topic-footer-buttons .create instead of just .create

So based on the code you provided:

#topic-footer-buttons .create {
    position: fixed;
    z-index: 101;
    bottom: 45px;
    right: 15px;
    border-radius: 100%;
    height: 60px;
    span {
        display: none;
    }
}

(Mr X) #323

Can someone post the CSS code needed to remove the category column from the Desktop latest page and place the category beneath the topic title? This has been rolled out in the default Discourse theme and I’d like to set it for my forum that has a Material theme. More about the change here: The topic list doesn't need a category column


(Joe) #324

You don’t need any CSS for that to work. The only thing you need to do is update your Discourse instance and it should work right away.


(Mr X) #325

Right on. I was under the impression my version was the latest because in the Dashboard I was shown that I had the latest version but when I went into the /upgrade menu there were updates available.


(Joshua Rosenfeld) #326

The dashboard will only say out of date when a new release (beta) is available. We add new code daily (hourly, really), so if we showed out of date for any new code you’d always be out of date :smiley:.


(Fraffel Media) #327

Anyone else have this issue?


(Merlls Rizzini) #328

33

51

Anyone knows how I can remove the blue shadow? I just can’t find in css lol.


(Taylor) #329

This will get rid of the blue shadow on inputs, however you may want to consider changing it to a more subtle color rather than removing it altogether since it is there to indicate that the input has focus. I’ve left in commented lines that include colors. You can uncomment them if you want to play around with it.

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus {
    border-color: unset; 
    box-shadow: none;
    //border-color: #F55764;
    //box-shadow: 0 0 6px 0 #F55764;
   
}

(François Douville) #330

Hi,

This is my forum : https://forum.lepeuplier.ca/

How to change the color of the “+” button without using .btn .fa ? Because it changes all the button with a color background.

49

Thanks.


(Joe) #331

@Fraffel_Media I can’t reproduce the issue you’re describing. It’s possible that it’s caused by some separate styles on your site.

@FrancoisD I pushed a few fixes:

Thanks for reporting the issue :+1:


(Merlls Rizzini) #333

(post withdrawn by author, will be automatically deleted in 24 hours unless flagged)