Home Forums Space themes support forum space blog element button styling

space blog element button styling

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #603494

    craig-7256
    Participant

    Hello,
    I am using the XTemo Space Blog Element on my homepage and using Elementor page builder.
    I would like to know how to reword the article action button (from read more to Learn More) and style the same button to appear the same as all the other buttons.
    The Blog Element is good, but doesn’t inherit the themes button settings and the styling options are not provided for the button in the Element Editor.

    Additionally, I must change the article title style to Dark Blue, instead of the inherited light blue.

    Thanks
    Craig

    • This topic was modified 2 months, 3 weeks ago by craig-7256.
    #603679

    Luke Nielsen
    Keymaster

    Hello,

    You can style blog titles through Typography -> Advanced -> Custom selector – for the selector – .xts-blog .xts-post-title

    As for the changing title of the button, use the Loco Translate for help.

    https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

    Kind Regards

    #603823

    craig-7256
    Participant

    That all worked a treat ! thanks.
    However, i’ve only nailed 2 out of 3 changes i need to do here.
    The remaining change is where i must change the Learn More > button on each article to appear as per the theme standard button style (top right of my screen shot)

    Attachments:
    You must be logged in to view attached files.
    #604040

    Luke Nielsen
    Keymaster

    Hello,

    Here is a custom CSS code for help:

    .xts-post .xts-post-content > 
    .xts-button .xts-button-icon {
      display: none;
    }
    
    .xts-post .xts-post-content > 
    .xts-button.xts-style-link-3  {
      color: #ffffff;
      min-height: 42px;
      padding: 5px 20px;
      font-size: 13px;
      border-radius: 5px;
      background: #439665 !important; // Change color 
    }
    
    .xts-post .xts-post-content > 
    .xts-button.xts-style-link-3:hover  {
      color: #ffffff;
      background: #3E8C5E !important; // Change color 
    }

    Kind Regards

    #604050

    craig-7256
    Participant

    Thank you – very helpful

    #604478

    Luke Nielsen
    Keymaster

    Hello,

    Thank you for your kind words! I’m glad to hear that the provided solutions were helpful to you. If you have any more questions or need further assistance with styling or any other feature, don’t hesitate to reach out. We’re here to help!

    Kind Regards,

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘space blog element button styling’ is closed to new replies.