fkrogh

Thanks again Eeuard–
I believe it works for you, that was not a question in my mind. It does not work for me. I was going attach the screenshot for my css, but am not clear on how to do this. The text from my screanshot passed through tesseract and then some minor editing is below. Text below line 30 is recently added. This is the first time I’ve had the .blockslider block since I saw this is your code.

My website is https://mcc-owners.org
I really do appreciate the efforts you have made so far.

Customizing

Additional CSS

1  #top-menu . current-menu-item
   a::before {
2  -webkit-transform:
   translateY(18px) ;
3  transform: translateY(18px);
4  opacity: 1.0;
5  }
6
7  #top-menu i a:hover:before {
8  -webkit-transform:
   translateY(18px) ;
9  transform: translateY(18px);
10 opacity: 1;
11 }
12
13 #top-menu li a:before {
14 content
15 position: absolute;
16 top: 10px;
17 left: @;
18 background: #FFFFFF; /* Change
your color here */
19 width: 100%;
20 height: 2px;
21 -webkit-transform:
   translateY(24px) ;
22 transform: translateY(24px) ;
23 opacity: 0;
24 transition: 0.3s ease;
25 )
26
27 .single #sidebar {display: none;
28 .single #left-area {width: 100%;
29 .single #main-content
   container:before {width: 0;}
30
31 .blockslider-
32 pagination. blockslider-
   pagination-square span {
33 width: 45px;
34 margin: 5 10px !important;
35 }
36 .ct-comments {
37 . display: flex;
38 flex-direction: column;
39 }
40 
41 .ct-comments > * {
42   .order: 3;
43 }
44
45 .ct-comments .ct-comments-title{
46   order: 1;
47 }
48
49 .ct-conments #respond {
50   order: 2;
51   padding-bottom: 40px;
52 }

Just looked at this more closely. I think it highly likely that I need to delete some of the code that was there before is put in the new code. I’ll see what I can do in that direction.

I found customize under appearance, and added the suggested code to Customizing, Additional CSS. It didn’t work, so I tried rebooting and making up a test example, still didn’t work. I’m curious to know if it should have worked without making up a new post or it should have worked on existing posts. And also of course what I did that resulted in it not working at all. So below my current “Additional CSS”.
The code I pasted starts at line 30.
Thanks again.

1 #top-menu .current-menu-item
a::before {
2 -webkit-transform:
translateY(18px);
3 transform:
translateY(18px);
4 opacity: 1.0;
5 }
6
​7 #top-menu li a:hover:before {
8 -webkit-transform: translateY(18px);
9 transform: translateY(18px);
10 opacity: 1;
11 }
12
​13 #top-menu li a:before {
14 content: ”;
15 position: absolute;
16 top: 10px;
17 left: 0;
18 background: #FFFFFF;
/* Change your color here */
19 width: 100%;
20 height: 2px;
21 -webkit-transform:
translateY(24px);
22 transform: translateY(24px);
23 opacity: 0;
24 transition: 0.3s ease;
25 }
26
​27 .single #sidebar {display:
none;}
28 .single #left-area {width:
100%;}
29 .single #main-content
.container:before {width: 0;}
30 .ct-comments {
31 display: flex;
32 flex-direction: column;
33 }
34
​35 .ct-comments > * {
36 order: 3;
37 }
38
​39 .ct-comments .ct-comments-
title {
40 order: 1;
41 }
42
​43 .ct-comments #respond {
44 order: 2;
45 padding-bottom: 40px;
46 }`