Rendering issues post migration to Sudonix theme/code

[phenomlab]

@crazycells anything is possible, but this would of course vary by location… Unless you use a weather api

[cagatay]

Hi Mark
I can not find true CSS on my web site which to make change the background color from white to other color for post as below photo?

want to change as your post background color

[phenomlab]

@cagatay You should be able to use the below CSS to accomodate that

li.pt-4.self-post {
    background: red !important;
}

Obviously, change “red” to the colour you require.

[cagatay]

not working this code, i think mine is different for hat changes.

[DownPW]

seems to work when I add it to your site :

The code should work, maybe you have another code in conflict after ?

If you open console develloper on your browser, you see this :

maybe change your --bs-post-category-wrapper color. If I do it that’s work too.

[cagatay]

yeap --bs-post-category-wrapper i changed and its done

[phenomlab]

@DownPW said in Rendering issues post migration to Sudonix theme/code:

maybe change your --bs-post-category-wrapper color. If I do it that’s work too.

Yep - good point. @cagatay uses CSS from Sudonix, so that makes sense.

[cagatay]

Mark hi hope doing well.

i want to delete social media icons but i cant find them

[phenomlab]

@cagatay Those are in /admin/extend/widgets/brand header. Look inside the HTML widget that is there, and you’ll find

       <div class="socialicons">
        <a class="btn-ghost p-2" href="https://github.com/phenomlab" rel="noreferrer noopener"><i style="color: #333;background: #ffffff; width: 26px" class="fa fa-2x fa-github-square"></i></a>
        <a class="btn-ghost p-2" href="https://linkedin.com/in/phenomlab" rel="noreferrer noopener"><i style="color: #0077B5;background: #ffffff; width: 26px" class="fa fa-2x fa-brands fa-linkedin-square"></i></a>
        <a class="btn-ghost p-2" href="https://twitter.com/phenomlab" rel="noreferrer noopener"><i style="color: #1DA1F2;background: #ffffff; width: 26px" class="fa fa-2x fa-twitter-square"></i></a>
        <!-- <a class="btn-ghost p-2" href="https://www.facebook.com/sudonixtech" rel="noreferrer noopener"><i style="color: #4268B2;background: #ffffff; width: 26px" class="fa fa-2x fa-facebook-square"></i></a> -->
       </div>

Remove that block and save.