Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2988515
Shortcodes Documentation?
Closed

Comments

  • AlexBepunkt started the conversation
    February 23, 2022 at 2:25pm

    Hello,

    I would like to implement a button like this into of the the footer colums:

    [penci_button link="#" icon="fa fa-angle-right" icon_position="right" align="center" size="small" text_color="#ffffff" background="#000" background_hover_color="#2196f3" text_hover_color="#ffffff" margin_bottom="0px"]Mehr über mich[/penci_button]

    Unfortunately the background hover over isn't working or font-weight="700" / "bold" doesn't bold it and I don't find any documentation about the penci shortcodes and their necessary parameters.

    Can you please advise?

    Regards,
    Alexander

  •  2,492
    PenciDesign replied
    February 23, 2022 at 2:44pm

    Hi,

    Please insert this shortcode into your page then send me a related URL.

    I'll check and send you a custom CSS code.

    Regards,
    PenciDesign.


  • AlexBepunkt replied
    February 24, 2022 at 11:15am

    Hello,

    Here is the injected code into the 3. footer column

    [penci_button link="#" icon="fa fa-angle-right" icon_position="right" align="left" size="medium" text_color="#ffffff" background="#000" background_hover_color="#2196f3" text_hover_color="#ffffff" margin_bottom="0px"]Mehr über mich[/penci_button]

    e.g. https://www.mouseclick.com/

    It should look alike the one I added to end of the right sidebar (for a reason the fa fa didn't work on the penci button here?).

    Regards,
    Alexander

    PS.: Are you using the Backery for your posts aswell? And is it adviseable?

  •  2,492
    PenciDesign replied
    February 24, 2022 at 5:45pm

    Hi,

    Please try to use the custom CSS code to modify the button font-weight & background.

    #footer-3 a.pencisc-button.button {
        font-weight: bold;
        background-color: #000 !important;
    }
    #footer-3 a.pencisc-button.button:hover {
        background-color: #999 !important;
    }

    Regards,
    PenciDesign.



  • AlexBepunkt replied
    February 25, 2022 at 9:27am

    Hello,

    The CSS works very well. Thank you!

    Regards,

    Alexander