1. Boris Darin
  2. Hope
  3. Wednesday, 08 July 2020
Hello! Again week no answer! ... Attempt number 3.

The problem with the articles on the main page!

1. How to delete an unknown character after clicking the "Details" button;
2. How to make the "Details" button the primary color of the site, as in a blog: http://geghardtest.tmweb.ru/blog
3. How to place the "All News" button in the center.

http://geghardtest.tmweb.ru/
Attachments (1)
Accepted Answer
Accepted Answer Pending Moderation
Please use this code to Custom CSS

.sppb-addon-article .sppb-readmore i{
display: none !important;
}
.sppb-addon-article .sppb-readmore{
color: #ffd012 !important;
}
.sppb-btn.sppb-btn-primary{
margin-left: 45% !important;
}


- Best regards
  1. more than a month ago
  2. Hope
  3. # Permalink
Responses (12)
Accepted Answer Pending Moderation
Please share your administrator access via PM to check. Click on my avatar and send message to PM.

- Best regards


Done!
  1. more than a month ago
  2. Hope
  3. # 1
Accepted Answer Pending Moderation
Please share your administrator access via PM to check. Click on my avatar and send message to PM.

- Best regards
  1. more than a month ago
  2. Hope
  3. # 2
Accepted Answer Pending Moderation
Please use this code too in Custom CSS

@media only screen and (max-width: 375px) {
.sppb-btn.sppb-btn-primary{
margin: 0% 26% !important;
}
}
@media only screen and (max-width: 320px) {
.sppb-btn.sppb-btn-primary{
margin: 0% 21% !important;
}
}


- Best regards


The second button has changed, the first one has not...
Attachments (1)
  1. more than a month ago
  2. Hope
  3. # 3
Accepted Answer Pending Moderation
Please use this code too in Custom CSS

@media only screen and (max-width: 375px) {
.sppb-btn.sppb-btn-primary{
margin: 0% 26% !important;
}
}
@media only screen and (max-width: 320px) {
.sppb-btn.sppb-btn-primary{
margin: 0% 21% !important;
}
}


- Best regards
  1. more than a month ago
  2. Hope
  3. # 4
Accepted Answer Pending Moderation
My apology! Please use this code for the mobile version.

@media only screen and (max-width: 425px) {
.sppb-btn.sppb-btn-primary{
margin: 0% 29% !important;
}
}


- Best regards


Ok, but now the button has become smaller in width and the text inside wraps to the next line. Can I make the button as before?
Attachments (2)
  1. more than a month ago
  2. Hope
  3. # 5
Accepted Answer Pending Moderation
My apology! Please use this code for the mobile version.

@media only screen and (max-width: 425px) {
.sppb-btn.sppb-btn-primary{
margin: 0% 29% !important;
}
}


- Best regards
  1. more than a month ago
  2. Hope
  3. # 6
Accepted Answer Pending Moderation
Please remove !important from the last code and use this code.

.sppb-btn.sppb-btn-primary{
margin-left: 45%;
}
@media only screen and (max-width: 425px) {
.sppb-btn.sppb-btn-primary{
margin-left: 28% !important;
}
}


- Best regards


Buttons are not centered in the mobile version ... Why is such a simple task so difficult?
Attachments (2)
  1. more than a month ago
  2. Hope
  3. # 7
Accepted Answer Pending Moderation
Please remove !important from the last code and use this code.

.sppb-btn.sppb-btn-primary{
margin-left: 45%;
}
@media only screen and (max-width: 425px) {
.sppb-btn.sppb-btn-primary{
margin-left: 28% !important;
}
}


- Best regards
  1. more than a month ago
  2. Hope
  3. # 8
Accepted Answer Pending Moderation
Please use this code to Custom CSS

.sppb-addon-article .sppb-readmore i{
display: none !important;
}
.sppb-addon-article .sppb-readmore{
color: #ffd012 !important;
}
.sppb-btn.sppb-btn-primary{
margin-left: 45% !important;
}


- Best regards


The code is not completely correct. You offer 45% indentation, but you need to align the buttons in the center.
Attachments (2)
  1. more than a month ago
  2. Hope
  3. # 9
Accepted Answer Pending Moderation
Hello Boris,
Apology for your issue. Which page are you facing this? On the homepage, it looks okay.
[attachment]Screenshot_23.png[/attachment]

- Best regards


On the MAIN page: http://geghardtest.tmweb.ru/
  1. more than a month ago
  2. Hope
  3. # 10
Accepted Answer Pending Moderation
Hello Boris,
Apology for your issue. Which page are you facing this? On the homepage, it looks okay.
Screenshot_23.png

- Best regards
Attachments (1)
  1. more than a month ago
  2. Hope
  3. # 11


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.