reassurance module font and image sizes css?

[arjena]

I'm busy setting up a new shop. Did a fresh install of 1.7.6.8 and after some hickups things are starting to come together. 

I uninstalled the reassurance module that came with the package and installed v5.0. This seems to work although I cannot load my own svg icons. But that's another topic. 

I use this module on my product page, under the social share buttons. So I get the three icons with a short text above each other. But I feel they are too big. I would be happy if both icons and text were about half the size they are now. So I searched all (in my limited knowledge) relevant css files, but I cannot seem to find where the box-size, image size and text sizes are set. At least when I change these values in modules/blockreassurance/views/css/front.css nothing happens (after clearing cache in both the shop and browser). So it must be set elsewhere...

Anybody who knows where to change this?

 

Tnx, Arjen

[Gipsy]

Hi Arjen,

waiting for someone with more experience than me, I can advise you to change your custom.css file.

For the images you can add something like this:

#block-reassurance img {
    width: 30%;
}

If you want to change the font you can try to add:

#product #block-reassurance span {

font-size: small;

}

Editing the custom.css file is safer than editing core files.

[arjena]

Thanks. I tried that but it does not seem to work. Changing anything in class 'blockreassurance' (the 'top' class of the whole block) has no effect whatsoever. I can change the font size with:

.block-title {

font-size: 10px;
}

but that only changes the font size for the 'main' title, the font size for the second part (Default 'change in etc') remains untouched. I can also change things like backgroundcolour and other elements for the div containing the images, but whatever I try to change the size has no effect.

I don't know what the order is in which css files are loaded. I thought custom.css was always the last one so all changes there voids earlier settings but that appears not to be the case.

So if anybody has deeper knowledge about where the different sizes are set please let us know...

[arjena]

Thanks to Posthemes (who supplied my theme), I found that I can change most things in modules/blockreassurance/views/dist/front.css. Only the description field still appears to be untouched by this file. But I got what I want.

BTW, there are two 'front.css' files in the module's directory. The most logical one (to me at least) is the one in the css directory. But editing this does not change anything.