Add image when there is no functionality for it

  • Unknown's avatar
    matchboxninja · Member ·

    Hi there, I’m wondering how to add an image to a part of a theme that hasn’t built this capability in?

    I’m using the Swell theme, and would like to adjust the Blog section of the Homepage so that I can add an image. I would also like to remove the View All button in this section.

    Thanks in advance!
    Frit

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    justjennifer · Member ·

    The site at saritafrit.wordpress.com is currently using a retired theme, Structure. Are you referring to a different site? If so, please give us the URL.

  • Unknown's avatar
    matchboxninja · Member ·

    Hi there, yes sorry. Please look at fritfilms.com instead

    I’ve been playing around with the site, and my requirements have simplified from the initial request. Instead, I’d just like to change the text in the second View All button in the Blog section.

    I’m aware that there is a CSS panel, but I’m not quite sure of what CSS to type in here.

    Any help would be much appreciated! Thanks!

  • staff-loquaciousloon · Staff ·

    Hi @matchboxninja!

    This one needs a little creativity. We essentially need to hide the current button, and then sneak in a replacement.

    Give this CSS a try:

    section#blog a.button {
	visibility: hidden;
}

section#blog a.button:after {
    display: block;
    content: "I'm a button!";
    visibility: visible;
    border: 2px solid #49494F;
    padding: 15px 20px;
    border-radius: 4px;
}

    You can change the content value to whatever you like – just keep the quotes in place or it won’t work.

    Oh – it looks like you may have copied a lot of content into your CSS panel – you’ll want to remove that so it doesn’t get in the way :)

  • The topic ‘Add image when there is no functionality for it’ is closed to new replies.