inherit
259017
0
Sept 25, 2021 1:54:15 GMT -8
CrazyBoy
Web developer.
968
July 2019
crazyboy
|
Post by CrazyBoy on Aug 3, 2019 0:21:00 GMT -8
|
|
inherit
6871
0
Apr 28, 2024 14:22:52 GMT -8
bigballofyarn
"If you wish to make an apple pie from scratch, you must first invent the universe." -Carl Sagan
7,417
January 2003
bigballofyarn
|
Post by bigballofyarn on Aug 3, 2019 6:20:49 GMT -8
Do you just want to change the color to black so it matches your forum?
|
|
inherit
259017
0
Sept 25, 2021 1:54:15 GMT -8
CrazyBoy
Web developer.
968
July 2019
crazyboy
|
Post by CrazyBoy on Aug 3, 2019 7:30:39 GMT -8
Do you just want to change the color to black so it matches your forum? not color just the place and please what is the plug in witch i putted on it the regulations
|
|
inherit
6871
0
Apr 28, 2024 14:22:52 GMT -8
bigballofyarn
"If you wish to make an apple pie from scratch, you must first invent the universe." -Carl Sagan
7,417
January 2003
bigballofyarn
|
Post by bigballofyarn on Aug 3, 2019 7:45:09 GMT -8
Do you just want to change the color to black so it matches your forum? and please what is the plug in witch i putted on it the regulations I think Sidebar Redux is the name of the plugin you are using.
|
|
inherit
259017
0
Sept 25, 2021 1:54:15 GMT -8
CrazyBoy
Web developer.
968
July 2019
crazyboy
|
Post by CrazyBoy on Aug 3, 2019 8:35:06 GMT -8
Yeah but how to edit plugins?
|
|
inherit
252032
0
Apr 26, 2024 23:51:41 GMT -8
Retread
Tribbial Pursuit.
5,014
January 2018
retread
|
Post by Retread on Aug 3, 2019 8:48:49 GMT -8
CrazyBoy , It looks like you have a slightly broken version of a code snippet I presented to someone on the Support Forum a while back. I'm guessing you have that in your Global Header. Here's the original: <!-- Google Translate --> Removed by author
The top section between the <style></style> tags can be altered to allow for a different color, background color, border, etc. This is what my code should display:
|
|
inherit
259017
0
Sept 25, 2021 1:54:15 GMT -8
CrazyBoy
Web developer.
968
July 2019
crazyboy
|
Post by CrazyBoy on Aug 3, 2019 8:52:31 GMT -8
I've to write this in the same place the last translator code?
|
|
inherit
252032
0
Apr 26, 2024 23:51:41 GMT -8
Retread
Tribbial Pursuit.
5,014
January 2018
retread
|
Post by Retread on Aug 3, 2019 9:06:18 GMT -8
I've to write this in the same place the last translator code? CrazyBoy , What I need you to do: From your Admin panel, navigate: Admin Home> Structure> Headers & Footers>, then click on Global Header & FooterThe top section is marked HeaderCopy everything in that box and paste it into a post in this thread. If there is anything in the section marked Footer, copy everything in that box and paste it into another post in this thread. I need to find out why the code you have now is breaking before we make any changes.
|
|
inherit
259017
0
Sept 25, 2021 1:54:15 GMT -8
CrazyBoy
Web developer.
968
July 2019
crazyboy
|
Post by CrazyBoy on Aug 3, 2019 9:53:04 GMT -8
I've to write this in the same place the last translator code? CrazyBoy , What I need you to do: From your Admin panel, navigate: Admin Home> Structure> Headers & Footers>, then click on Global Header & FooterThe top section is marked HeaderCopy everything in that box and paste it into a post in this thread. If there is anything in the section marked Footer, copy everything in that box and paste it into another post in this thread. I need to find out why the code you have now is breaking before we make any changes. ok,this is what i putted! <!-- Google Translate --> <style> .translate-box { font-size:10px; background: #A8D6F4; border-style: solid; border-width: 1px; border-color: #000000; border-radius: 5px; padding:5px; text-align:left; margin-bottom: 7px; } .translate-box > div { float: left; } </style> <div class="translate-box ui-helper-clearfix"> <div id="google_translate_element"></div> <div style="margin-left:10px;">The Google Translate function has been provided as a courtesy/convenience.<br/>However, we respectfully insist that all posts be made in English.</div> </div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element'); } </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <!-- End of Google Translate -->
|
|
inherit
259017
0
Sept 25, 2021 1:54:15 GMT -8
CrazyBoy
Web developer.
968
July 2019
crazyboy
|
Post by CrazyBoy on Aug 3, 2019 9:54:07 GMT -8
i posted your code but it doesn't work it is like the other code!
|
|
inherit
252032
0
Apr 26, 2024 23:51:41 GMT -8
Retread
Tribbial Pursuit.
5,014
January 2018
retread
|
Post by Retread on Aug 3, 2019 10:23:36 GMT -8
i psted your code but it doesn't work it is like the other code! Okay, then something is breaking that code. Let's see if we can figure out what is conflicting with it. From your Admin panel, navigate: Admin Home> Plugins> Forum Plugins> ManageLook at the list. Is there a line that looks like this: If so, un-tick the checkmark on the left to disable that plugin, so it looks like this: I think that plugin will break my code.
|
|
inherit
259017
0
Sept 25, 2021 1:54:15 GMT -8
CrazyBoy
Web developer.
968
July 2019
crazyboy
|
Post by CrazyBoy on Aug 3, 2019 10:29:28 GMT -8
this is the code after disabling it
<!-- Google Translate -->
<style>
.translate-box {
font-size:10px;
background: #A8D6F4;
border-style: solid;
border-width: 1px;
border-color: #000000;
border-radius: 5px;
padding:5px;
text-align:left;
margin-bottom: 7px;
}
.translate-box > div {
float: left;
}
</style>
<div class="translate-box ui-helper-clearfix">
<div id="google_translate_element"></div>
<div style="margin-left:10px;">The Google Translate function has been provided as a courtesy/convenience.<br/>However, we respectfully insist that all posts be made in English.</div>
</div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- End of Google Translate -->
|
|
inherit
252032
0
Apr 26, 2024 23:51:41 GMT -8
Retread
Tribbial Pursuit.
5,014
January 2018
retread
|
Post by Retread on Aug 3, 2019 11:10:21 GMT -8
this is the code after disabling it CrazyBoy , The problem with the code being broken is now fixed. As you can see when you look at your forum, my code produces exactly what it should now. Now we can move to the next step. How would you like change my code so it produces the look you want. Removed by Author
In this section:font-size:10px; color:Black ; background: #A8D6F4 ; border-style: solid; border-width: 1px; border-color: #000000 ; border-radius: 5px; padding:5px; text-align:left; margin-bottom: 7px; You could add the line I have highlighted in green to define the color of the text. Or change the values I highlighted in dingy yellow to change the background-color and border color. You can use hex codes for those values or color names.
|
|
inherit
259017
0
Sept 25, 2021 1:54:15 GMT -8
CrazyBoy
Web developer.
968
July 2019
crazyboy
|
Post by CrazyBoy on Aug 4, 2019 1:04:35 GMT -8
Ok i'll try i dont have PC no< Do you know how wto rite with colors in sedibar redux? (Plug in)
|
|
inherit
217348
0
Jul 27, 2022 7:26:44 GMT -8
Lynx
5,780
January 2015
msg
|
Post by Lynx on Aug 4, 2019 5:33:49 GMT -8
Ok i'll try i dont have PC no Do you kknow how write with colors in sedibar redux? (Plug in) Are you trying to just change single words, an entire paragraph, etc. I ask because there is more than one way to do that. For a single word, you could do something like: This is a <span style="color: #ff0000;">test</span> sentence.
OR <style> .red-text { color: #ff0000; } </style>
This is a <span class="red-text">test</span> sentence.
I believe the use of inline styling (first example) should be used sparingly, and the second method is the preferred way.
|
|