Help with editing embedded javascript in code block

Hey djcopywriter,

The Google Drive image is not publicly shared, please change the sharing options or upload the image to a different service like Imgur or Snipboard for example.

Best regards,
Rikard

Hi,

Thank you for the screenshot.

Are you trying to adjust the style of the text in the embedded code? Please try to start with this css code.

.osBox.osDetail * {
    font-size: 1em !important;
    line-height: 1.5em;
    font-weight: 400 !important;
    color: #636363 !important;
}

.osBox.osDetail * .osButton.osButton-inline {
    text-shadow: none;
    color: #ffffff !important;
}

Best regards,
Ismael

Hi,

Thank you for the update.

We added the code in the Quick CSS field and adjusted it a bit. We also disabled the Enfold > Performance > File Compression settings temporarily. To adjust the style of the button, you can edit this css rule.

.osBox.osDetail * .osButton.osButton-inline {
  text-shadow: none;
  color: #ffffff !important;
}

You might want to increase the priority of the new styles by incorporating the !important rule.

Best regards,
Ismael

Hi,

Did you remove the browser cache or perform a hard refresh? We posted a screenshot of the modified page in the private field.

Best regards,
Ismael

Hi,

Since we couldn’t locate the “Liver Studies” section on the page, we assumed you were trying to modify the heading element within the embedded script. Please include this css code.

#top #wrap_all .all_colors h2.osArea {
    background: #2a303b;
    color: #ffffff;
}

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard