Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 13, 2021 at 11:22 am #1309919
    TakiwaSoulArt

    Hi,

    I have four questions about a website.

    1. I have inserted a plugin for background music and the icon is displayed in the main menu. Unfortunately the icon is black and so is the background, so it is not visible. I need the icon

    a) in normal state in gold without background
    b) when the player is playing it can be black with a golden background

    2. Is there a plugin for background music, where complete music tracks are played – not only with one minute length – and that you can also integrate into the menu?

    3. I have added a symbol list at the very bottom of contact on the front page and only need padding for this list on the left side, that the list is flush with the left edge of the image above. Is there any code for this?

    4. When I download a new symbol font on fontello and export it to the theme, the symbols are not displayed. I select the symbols, give the file a name and click the download button. Is there anything else I need to be aware of?

    Data and links are in private content.

    Thanks for the help, Sabine

    Translated with http://www.DeepL.com/Translator (free version)

    • This topic was modified 3 years, 4 months ago by TakiwaSoulArt.
    July 17, 2021 at 6:17 pm #1310522
    Mike

    Hey Sabine,
    Thank you for your patience and the link to your page, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field to make the player button have a gold background when it is not playing and currently can’t be seen:

    button#sound-frame {
    background: #ca994f !important;
}

    I have not investigated plugins for background music before so I can’t recommend any, please check the WordPress repository to see if any will fill your needs. Google suggests this one.
    For your icon list next to your contact form try this Quick CSS:

    #kontakt > div > div > div > div > div:nth-child(1) > div > div.avia-icon-list-container > ul {
	padding-left: 80px;
}

    it should line up under your image.
    To add your own Fontello icons please see this documentation. If this doesn’t help then please create a test page and explain which element you want to use the custom icon for and include admin login in the Private Content area.

    Best regards,
    Mike

    July 19, 2021 at 3:05 pm #1310747
    TakiwaSoulArt

    Hey Mike,

    thank you for the codes. Both are wonderful and both are working – yeah!!!!!

    I’ll take a look at the tips on fontello and background music – thanks.

    That answers all my questions. Thanks again and best regards

    Sabine

    July 20, 2021 at 6:25 am #1310823
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 28, 2021 at 4:25 pm #1313069
    TakiwaSoulArt

    Hi Rikard,

    you can close the topic. Thank you for helping.

    Sabine

    July 29, 2021 at 4:45 am #1313133
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change color of music player icon and change padding for only one element’ is closed to new replies.