Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to repair style CSS, to make opened article with mobile same looking as in the blog?

Featured Lock Resolved Issue
Hi, I need to help.

In blog of articles, it is now in mobile view Ok.

When I am opening articles with mobile, there is deformated VIDEO and also so width borders.

I need to help, how to repair style CSS, to make opened article with mobile same looking as in the blog of articles and how to make non-deformated video.

Also I don't know, how to make possibility, in opened article to enlarge video over whole display. Button for enlargement of the video can be seen, but in mobile view does not working.

Thank you for an advice.

10 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Please use this css into your custom.css

.entry-video.embed-responsive.embed-responsive-16by9 {
margin: 20px 0px 0px !important;
}
.view-article article.item {
padding: 0px 20px 30px 20px !important;
}


Then delete this code from your custom.css on line 133

.view-article article.item {
padding: 0 70px 30px 70px !important;
}


-Thanks

Slavek Kozusek

More than a month ago #Permalink
There is a problem. The photo is larger than the article

Thank you for an advice.

Slavek Kozusek

More than a month ago #Permalink
I repaired. Thank you for your help. :)

Sifat - Staff

More than a month ago #Permalink
Hi,
Please use this css into your custom css to fix that

.entry-video + div {
padding-left: 30px !important;
}


-Thanks

Sifat - Staff

More than a month ago #Permalink
Hi,
I found it's all working fine now. What you are asking isn't in our default feature.

Note: Custom support is beyond our support range.

-Thanks

Slavek Kozusek

More than a month ago #Permalink
Hi,

thank you for you answer and help. The problem is, that if I insert your code to file custom, then the problem is solved, but if I look on that with mobile, then the article with video is not rightly aligned. I need to make the article displayed in the same way on mobile device and desktop. This is the last thing because everything otherwise work well. Thank you so much for support and I will give your company very positive reference. Also I will buy a membership, beacuse I am so satisfied.

-Thanks

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your reply. Please replace this css

.entry-video + div {
padding-left: 30px !important;
}

With this one

@media only screen and (min-width: 450px) {
.entry-video + div {
padding-left: 30px !important;
}
}


Hope that'll solve your issue.

-Best Regards

Slavek Kozusek

More than a month ago #Permalink
Solved :) Thank you.

Sifat - Staff

More than a month ago #Permalink
You are most welcome


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

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 125
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 96
Toufiq

Toufiq

Total Accepted Answers: 23
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289736

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us