Support Forums

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

Your Time: Our Time:

Problem with custom css

Featured Lock Resolved Issue
Hi I have a question. How I should work in custom css e.g I had made the same row like tabs in Aspasia template. I copy this custom css style for new row and nothining happened. I created custom.css and I was copy this atributs change this name style and past for new row and next nothing happened. It possible used e.g this row in other project or something? How I can worked in own css?

Attachments (1)

  • issue.png
    issue.png 77.6 KB

8 Answers

Pavel

More than a month ago #Permalink
You are trying to override the built-in .btn styles. Do not do this. Come up with a unique class name and substitute it in the code instead of "button". And it works great.
http://dl4.joxi.net/drive/2018/01/11/0008/0401/545169/69/f6b58cec70.png
http://dl4.joxi.net/drive/2018/01/11/0008/0401/545169/69/7314ade3ca.png
Of course, we must additionally connect Icons Font or override it on Font Awesome, but that's another story.
And some parts of the code you do not need. Instead, you can use addon settings.
http://dl4.joxi.net/drive/2018/01/11/0008/0401/545169/69/6f16f909e0.gif

Toufiq - Staff

More than a month ago #Permalink
Hi there,

We have discussed via live chat and you wanna customization support. That is not possible our end. Becuase of that, we don't allow the customization support.

https://www.youtube.com/watch?v=WXFd4RJVofA

-Thanks

Pavel

More than a month ago #Permalink
Hi I have a question. How I should work in custom css e.g I had made the same row like tabs in Aspasia template. I copy this custom css style for new row and nothining happened. I created custom.css and I was copy this atributs change this name style and past for new row and next nothing happened. It possible used e.g this row in other project or something? How I can worked in own css?


In the css class field, you must enter any arbitrary class name that you come up with. Then you go to the custom.css file and write for your class your own code for a unique design - that's how it works. And your understanding of how this works is erroneous.

Mateusz

More than a month ago #Permalink
I know that mate, I did it. But nothing worked. I'm very willing to learn, how create my own row..


In the css class field, you must enter any arbitrary class name that you come up with. Then you go to the custom.css file and write for your class your own code for a unique design - that's how it works. And your understanding of how this works is erroneous.

Pavel

More than a month ago #Permalink
I know that mate, I did it. But nothing worked. I'm very willing to learn, how create my own row..

Ok. Here is an example.
I have two rows. I want to add a red border from the bottom of the top row.
http://dl4.joxi.net/drive/2018/01/11/0008/0401/545169/69/29a1d9e2dc.png
Then I go to the file custom.css and write the code.
http://dl4.joxi.net/drive/2018/01/11/0008/0401/545169/69/0d045b6afc.png
Live view.
http://dl3.joxi.net/drive/2018/01/11/0008/0401/545169/69/00b71302d6.png

Mateusz

More than a month ago #Permalink
I knew that mate, I'm not amator, but I'm not pro, medium level. Look my friend in attach (I would like create animated button, when I push in button then text transform in icon. This button location in slider maybe that doest work? Look at my css code.

.btn .btn:before {
content: 'Hover me';
position: absolute;
left: 50%;
top: 50%;
transition: all 0.3s;
transform: translate(-50%, -50%);
}
.btn:hover:after {
top: -50%;
}
.btn:before {
font-family: 'Ionicons';
content: '\f43c';
font-size: 40px;
top: 190%;
}
.btn:hover:before {
top: 50%;
}

There oryginal version : http://www.kodhus.com/kodnest/codify/mDSzmh/layout/1


I know that mate, I did it. But nothing worked. I'm very willing to learn, how create my own row..

Ok. Here is an example.
I have two rows. I want to add a red border from the bottom of the top row.
http://dl4.joxi.net/drive/2018/01/11/0008/0401/545169/69/29a1d9e2dc.png
Then I go to the file custom.css and write the code.
http://dl4.joxi.net/drive/2018/01/11/0008/0401/545169/69/0d045b6afc.png
Live view.
http://dl3.joxi.net/drive/2018/01/11/0008/0401/545169/69/00b71302d6.png

Attachments (1)

  • issue.png
    issue.png 739.3 KB

Mateusz

More than a month ago #Permalink
Thank you mate for your help. I'm glad to meet you

You are trying to override the built-in .btn styles. Do not do this. Come up with a unique class name and substitute it in the code instead of "button". And it works great.
http://dl4.joxi.net/drive/2018/01/11/0008/0401/545169/69/f6b58cec70.png
http://dl4.joxi.net/drive/2018/01/11/0008/0401/545169/69/7314ade3ca.png
Of course, we must additionally connect Icons Font or override it on Font Awesome, but that's another story.
And some parts of the code you do not need. Instead, you can use addon settings.
http://dl4.joxi.net/drive/2018/01/11/0008/0401/545169/69/6f16f909e0.gif


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 135
Sifat

Sifat

Total Accepted Answers: 86
Toufiq

Toufiq

Total Accepted Answers: 53
Pavel

Pavel

Total Accepted Answers: 6
Sohan

Sohan

Total Accepted Answers: 5

114

Templates

293118

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