• Hello,

    Setting up a new website. A few questions:

    1) How do I make the Drop Cap a smaller font size?

    https://matthewwiencke.com/about/?preview_id=26&preview_nonce=00b38b94e7&preview=true

    2) Email icon code placed manually through the File Manger (C Panel) created the icon on Main Menu. I can’t get the email function to work though. Nothing gets sent. Hmmm?

    3) Can you provide the code to eliminate the excess white space on right and left margins on Home page to produce a full screen horizontal position of all images?

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Fotis

    (@markwaregr)

    Hi there,
    1. Try this

    .has-drop-cap:not(:focus):first-letter{
    font-size:20px;
    }

    in your custom CSS box under Customize-Additional CSS
    2.Mail function works well on my end. Have you resolved this?
    3. Can you explain more? Frontpage is a Page builder template? In which areas are you referring to?

    Thread Starter seashell88

    (@seashell88)

    Hello Fotis,

    1) Worked :). Thank you.

    2) Not resolved. Yes, I agree, when you click on the icon it will pull up the email option. But, the email itself does not get sent to the receiving end. I did not see your email in the WebMail In-Basket.

    3) See example of website that has full page with no white space on left and right margins.
    https://www.jkrowling.com

    I understand Olsen Light does not default to this type of layout, but I thought there was some code one could add to expand the margins. Am I mistaken?

    Thank you Fotis.

    Fotis

    (@markwaregr)

    Hi there,
    1. Great πŸ˜€
    2. I am afraid this is not how email links work, and in some cases the user might have a security option enabled to make sure the mail client will not popup when clicking the button. Check this for more on how mailto works https://en.wikipedia.org/wiki/Mailto
    3. Adding this will help

    .container {
    width: 100%;	
    max-width:100%;
    }

    in your custom CSS box

    Let me know how I can help out more

    Thread Starter seashell88

    (@seashell88)

    Fotis,

    #2 – Ok. Thank you.
    #3 – Decided not to go this route after seeing how it looked.

    One last thing:

    Added Audio Widget to Pages.

    How do I change the color of the title bar and the text within the title bar? I want to use a different color scheme than the default black and white.

    Also, it is noted the audio that is pulled into the sidebar via widget is noted to be black unlike when audio is pulled in on the Home page. How do I change the color to match the “gray” that is noted on Home page?

    Here are the links:

    https://matthewwiencke.com/why-learn-piano/

    https://matthewwiencke.com

    Thank you!

    Fotis

    (@markwaregr)

    Hi there,
    these are different players, while you can style the one in the sidebar, I suggest using a plugin like AudioIgniter (free https://www.cssigniter.com/preview/audioigniter/)

    to have same styling and functionality.

    Let me know if this worked for you.

    Thread Starter seashell88

    (@seashell88)

    Hi Fotis,

    Great plugin and it is a great feature for music websites. Since this website does not have a lot of audio pieces (at this time) it does not warrant purchasing the upgrade on the plugin to be able to change the color scheme. With the free version plugin, the color scheme is black and bright pink. So, for now, I will need to do without the plugin. Bummer. I will, though, keep it in mind for future when we get a lot of audio pieces from our students.

    So, for now, possibly I can just style the sidebar with some CSS code?

    Thank you for always providing new ideas πŸ™‚

    Fotis

    (@markwaregr)

    Hi there,
    Well, of course you can change colors using CSS! While in the default WordPress player you can try this https://ww.wp.xz.cn/support/topic/how-to-change-color-of-wordpress-audio-player/

    Thread Starter seashell88

    (@seashell88)

    Hi Fotis,

    Okay, this color change worked for the Audio Player. Merci.

    I also want to change the background color and text color in the title widget. Presently it is black and white. I tried the support forum threads for recommendations, but can’t to seem to get the right CSS for what I need.

    https://matthewwiencke.com/why-learn-piano/

    Can I have the CSS code for that? I will plug in the color HEX codes.

    Thank you, thank you!!!

    Fotis

    (@markwaregr)

    Hi,
    Add this

    .widget-title{
    background:red;
    color:yellow;
    }

    in your custom CSS box under Customize->Additional CSS
    Please have a look at this guide http://www.cssigniter.com/docs/article/using-the-developer-tools/

    It will help you learn how to use your browser’s developer tools in order to be able to locate such styling easily and quickly.

    Let me know if you need additional help with this.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Olsen Light – Drop Cap’ is closed to new replies.