change element size in suffusion

  • Hi,

    On my site https://www.instituteofchairmans.com/ I’ve been replacing the twitter/facebook etc link images with my own, but they don’t fit inside the ‘element’ size that’s allotted to them,and get squashed as a consequence.

    element.style {
    width: 48px;
    height: 48px;
    }
    in suffusion’s style.CSS. In my child theme, I’ve cut n pasted this bit of code in, and changed the figures to 160 and 35 respectively, but still when inspecting the element I see an image size of 48 x 48 in the style column.

    What am I missing??

    Thanks!

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

  • element.style means that the CSS code is INLINE — entered in the html code for that element.

    <img style="width: 48px; height: 48px;" alt="Twitter" src="https://www.instituteofchairmans.com/wp-content/themes/suffusion/images/follow/Twitter-02.png">

    You could try changing it manually in the html, but if it’s being resized automatically by other code – in the theme or a plug-in ? you’ll need to track that down and change the code.

    Thread Starter moorea21

    (@moorea21)

    Ok, thanks, When you say code, would that be some PHP? My main confusion at the moment is that I’m only used to html and css,so how would I go about tracking the bit of code down?
    My own (boringly exhaustive) search of the php documents has turned up some instances of the number 48, I will post the line numbers at some point, if I’m still clueless…

    You might be better off including your icons via a text widget. When you are setting up Suffusion’s widget, you are specifying to it the size you want your icons to be. That is where 48 comes from. You could change that figure to something else in your “Follow Me” widget options, but that will have the side-effect of making everything larger. So it would be best if you created a text widget, then added your own links and icons to that.

    Thread Starter moorea21

    (@moorea21)

    Okay thanks,

    That sounds very sensible!

    I assume that the ‘follow me’ widget just acts as a group of hyperlinks? ie they all just send you to the facebook page’s URL or whatever when clicked? If so, then I can manage a text widget, I think…I hope.

    I did try rewriting some of the php in suffusion php, just to see what would happen. Nothing happened, so I changed it back. Time to learn PHP I think.

    R

    Yes, that is a group of links, with things like Feedburner support and a bunch of icons thrown in. Obviously, if you don’t like the icons you are welcome to add your own via a text widget.

    For the most part Suffusion takes away the need to write PHP – there are options present for several weird layouts. But if you want to write PHP, that is supported quite well via child themes.

    Also, for quicker responses you might want to try posting on Suffusion’s forum itself (it is free). The volunteers there have been helping out on the theme for a while, so that might help.

    Thread Starter moorea21

    (@moorea21)

    Thanks, I believe we have spoken on there a couple of times! I didn’t know which forum to choose, it was an arbitrary choice…

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘change element size in suffusion’ is closed to new replies.