Joomla!NL - [opgelost] Achtergrondkleur wijzigen

Achtergrondkleur wijzigen

29 aug 2015 14:53

#1

Beste

Op mijn website www.start-to-swim.com heb ik aan de linkerkant op de startpagina een oranje knop staan (snel een antwoord nodig). Deze zou ik graag een andere kleur geven.

Volgende code heb ik gevonden maar als ik deze in de css toevoeg dan verandert er niets, ondanks ik de kleur in #7ba2fc heb gezet:

Code:

element.style {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #7ba2fc none repeat scroll 0 0;
    border-color: #d3d3d3 #d3d3d3 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-width: 3px 3px 0;
    box-sizing: content-box;
    cursor: pointer;
    height: 30px;
    left: 0;
    margin-top: -50px;
    min-width: 120px;
    position: fixed;
    top: 40%;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
    z-index: 100000;
}

Alvast bedankt voor de hulp.

Groeten
Guy

Guy
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 231

Achtergrondkleur wijzigen

29 aug 2015 15:07

#2

Zo te zien is dat gegenereerde code die je vanuit een ander programma in een aangepast html module hebt gezet. Dus misschien de broncode aanpassen?

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37572

Achtergrondkleur wijzigen

29 aug 2015 15:29

#3

Hallo Astrid,

Klopt, dit is het script:

Code:

<!--Plaats onderstaande code waar de contact widget op de pagina getoond dient te worden -->
<div class="casengo-vipbtn"><!-- subdomain="guy" group="892" position="middle-left" label="Contact" theme="darkgrey" language="nl_NL"  --></div>

<!--Plaats onderstaande code voor het afsluitende BODY tag -->
<script type="text/javascript">
	(function() {
		var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
		po.src = '//guy.casengo.com/apis/vip-widget.js?r=aee6bbe68b3281d7c4f09b31da9c2bc7601de81c';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
	})();
</script>

Ik zou graag de achtergrondkleur veranderen en randkleur, maar hoe pas ik dit in in deze code?

Guy

Guy
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 231

Achtergrondkleur wijzigen

29 aug 2015 15:44

#4

Kan je dat niet aangeven voordat die code gegenereerd wordt dan? Anders misschien met deze definitie proberen:

Code:

.casengo-vipbtn > span

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37572

Achtergrondkleur wijzigen

29 aug 2015 15:52

#5

Bedankt Astrid,

Ben ik zo dan juist:

Code:

.casengo-vipbtn > span
{
background: #7ba2fc;
border-color: #d35166
}

Wat wil eigenlijk '> span' zeggen?

Groetjes,
Guy

Guy
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 231

Achtergrondkleur wijzigen

29 aug 2015 17:21

#6

Je komt er achter door het uit te proberen

toch?

En het css-commando voor een achtergrondkleur is

Code:

background-color: #d35166;

Met vriendelijke groet,
Wouter Compactweb.nl

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.

Wil je Joomla!NL steunen? Dat kan met een donatie.

WoodyF4u
Moderator + Nieuwsteam
Berichten: 11311

Achtergrondkleur wijzigen

30 aug 2015 16:59

#7

Beste,

Ik heb het met volgende code geprobeerd, en zonder resultaat:

Code:

.casengo-vipbtn > span
{
background: #7ba2fc;
border-color: #d35166
}

Weet niet waar ik fout zit.

Groeten,
Guy

Guy
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 231

Achtergrondkleur wijzigen

30 aug 2015 17:01

#8

Je gebruikt in ieder geval niet de juiste css-opdracht.
Kijk nog even goed naar mijn vorige reactie.

Met vriendelijke groet,
Wouter Compactweb.nl

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.

Wil je Joomla!NL steunen? Dat kan met een donatie.

WoodyF4u
Moderator + Nieuwsteam
Berichten: 11311

Achtergrondkleur wijzigen

30 aug 2015 17:11

#9

Beste,

Ik heb 'background-color' ook geprobeerd, zonder resultaat.

Groetjes,
Guy

Guy
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 231

Achtergrondkleur wijzigen

30 aug 2015 19:18

#10

Heb je al met firebug gekeken of je definitie werkt/aanwezig is?

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37572

Achtergrondkleur wijzigen

31 aug 2015 11:48

#11

Hallo Astrid,

Ja ik vond wel wat terug onder .element.style maar ook dat heb ik geprobeerd en zonder resultaat. Ik post je wat ik vond, zodra de casengo widget terug actief is want had de vraag gesteld aan de developer gisteren, en vandaag antwoord dat de wigdet even niet actief is.

Hou je op de hoogte zodra ik meer nieuws heb.

Greets,
Guy

Guy
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 231

Achtergrondkleur wijzigen

31 aug 2015 13:29

#12

Hallo,

Dit vind ik dus terug via de firebug:

Code:

element.style {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ff6000 none repeat scroll 0 0;
    border-color: #d3d3d3 #d3d3d3 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-width: 3px 3px 0;
    box-sizing: content-box;
    cursor: pointer;
    height: 30px;
    left: 0;
    margin-top: -50px;
    min-width: 120px;
    position: fixed;
    top: 40%;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
    z-index: 100000;
}

En als ik hier de achtergrondkleur verander, dan zie ik het ook veranderen, maar weet niet hoe dit in css te zetten. Moet ik dan die hele code kopiëren en plakken in css.template?

Groeten,
Guy

Guy
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 231

Laatste nieuws

Welkom bij Joomla!NL

opgelost Achtergrondkleur wijzigen

Achtergrondkleur wijzigen

Achtergrondkleur wijzigen

Achtergrondkleur wijzigen

Achtergrondkleur wijzigen

Achtergrondkleur wijzigen

Achtergrondkleur wijzigen

Achtergrondkleur wijzigen

Achtergrondkleur wijzigen

Achtergrondkleur wijzigen

Achtergrondkleur wijzigen

Achtergrondkleur wijzigen

Achtergrondkleur wijzigen

Laatste forumberichten

Wil je Joomla!NL steunen?