By T.W. van Urk on Wednesday, 09 March 2016
Posted in Technical Issues
Likes 0
Views 504
Votes 0
Hi friends,

I have a problem with buttons (Rockettheme) not shown in the composer.

In my first image you can see a custom HTML block with an image, some text and a rockettheme button. The button exists, the link behind it is working, but the button is not shown.
link: http://www.kruwt.nl/stockfotografie/stockbureaus/shutterstock

The HTML module is named: shutterstock-aanmelden-module
the code is
<p><img title="shutterstock logo" src="/ ... images/stockbureaus/logos/shutterstock-logo-1.jpg" alt="" /></p>
<p>Bekijk mijn foto's op Shutterstock</p>
<p><a class="button button-2" href="/..." target="_blank">Bekijk foto's</a></p>

and the module is placed in the text by ".loadposition shutterstock-bekijk-positie."

I have tested the same custom HTML module in a 'normal' Joomla article. See http://www.kruwt.nl/testqqq
In that case, the buttons are shown as expected. (example second image)

So, what is happening with the buttons in the composer environment ??

Thanks for your answer,
Kind regards, T.W. van Urk
T.W. van Urk wrote:
But the how and what of manually recompiling all the styles is still a question ....!?

Ok, the isssue is solved !!!!
I had to compile the base-outline. Not all seperate templates.
I have this done now, and everything is working suberbe!

Thanks to you all for your fantastic support !!

Kind regards, T.W. van Urk
·
Saturday, 12 March 2016 00:37
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

Seems like Easyblog CSS has override the button style. Can you add this CSS code in your template.css file?

.button-2 {
background: #01a3d1 none repeat scroll 0 0 !important;
}
·
Wednesday, 09 March 2016 16:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Nick,

Thanks for your answer. I have added the code in the easyblog custom.css.
Indeed, the button has now the blue color!

But unfortunally:

- More buttons at the whole site are effected now
- There is no more difference with the 'on-hoover' color
- and the Xenon template has six styles. I have to pick out the right button colors for the actual template style. I still not know how to do that !?

So still some work to do for me....

The best solution would be if you could solve this 'problem' in de Easyblog source .

Kind regards,
T.W. van Urk

p.s. I have not tried to implement my code in a composer HTML-block. In other posts I have read this code is 'buggy' at the moment.
And perheaps, It would give the same result !?
·
Thursday, 10 March 2016 00:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I see. So, the best solution would be add it inline in the module which I have already added here: http://screencast.com/t/1wbg9INfJg . Please verify this.
·
Thursday, 10 March 2016 10:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Nick,

Indeed, your last solution gives the right color!

But, I still keep two problems: the on-hoover color isn't active and when changing a template style, these colors do not change also to the right style.

Unfortunally, my CSS knowledge is inadequate to solve this problem.

So I think I have to switch to the default EB Component button block. In that case I am also not 'template style compatible' but for me it is much easier to realize.

Please let me know when you may be 'once upon a time' have solved the underlying problem: "why is the composer overriding the original button colors?". At that moment I can deside as yet to switch to my original idea.

Kind regards, T.W. van Urk
·
Friday, 11 March 2016 04:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,
To use template buttons styles on EB you will need to update your template stylesheets. I have updated the template file /templates/rt_xenon/scss/xenon/_buttons.scss and
tried go to backend recompile CSS for you but unable to access due to authorization required. Can you go to backend > templates > xenon > Recompile the Css and try again.
·
Friday, 11 March 2016 11:03
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Nick / Chang !?,

Your solution is wonderful. After recompiling the buttons have the right color. On-hoover is also ok.

But just still two questions:

- After switching a style - I can do that in the frontend mainmenu - I have first to recompile all the Style CSS'es at the backend. Not user friendly. Any way to do this automatically?
- Can you tell me wich files you exactly has changed? And what changes? I am always al little bit shivery of that. Will the code work well after a next update from Rochetheme. In that case, have I to redo some things, or is your change update-independent?

Thanks for your wonderful help so far.

Kind regards
T.W. van urk
·
Friday, 11 March 2016 16:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Ok, still another problem .....

I have implemented several template styles. At this moment, a style change effects only one page with this template of the website. For changing the style-colors of the whole website, I have successively to recompile all styles from all templates!? And after that, chose the desired style per template.

I don't know how to prevent this !?
·
Friday, 11 March 2016 16:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,
- After switching a style - I can do that in the frontend mainmenu - I have first to recompile all the Style CSS'es at the backend. Not user friendly. Any way to do this automatically?

Do you mean recompile CSS for templates from Rocketheme?

- Can you tell me wich files you exactly has changed? And what changes? I am always al little bit shivery of that. Will the code work well after a next update from Rochetheme. In that case, have I to redo some things, or is your change update-independent?

If you wanted to use buttons styling provided by Rocketheme, you will need to update those buttons classes by yourself for next update.
e.g.:
For Xenon templates, you need to open
/templates/rt_xenon/scss/xenon/_buttons.scss
Search for background: and then insert !important for each declaration. After that recompile CSS.
http://screencast.com/t/xK3y0SlgyX
·
Friday, 11 March 2016 16:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes I have recompiled CSS templates from Rocketheme!
Any other css to recompile?

When I understand you, you just added only "important!" to all declarations? That is easy to remember!

But the how and what of manually recompiling all the styles is still a question ....!?
·
Friday, 11 March 2016 17:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Chang wrote:
and tried go to backend recompile CSS for you but unable to access due to authorization required.

Strange. I have given you the same access codes which I use!
·
Friday, 11 March 2016 17:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.
·
Saturday, 12 March 2016 11:22
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post