adding the flags to a normal page via shortcode

devsaredead
(@devsaredead)

1 month, 3 weeks ago

I wish to add the flags into a page and I found the shortcode option [falangsw display_name=”0″ display_flags=”1″] but that shows the flags in full sizes. How can I use the sizes set in Falang’s settings? in my case 30x30px

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

Plugin Author sbouey
(@sbouey)

1 month, 2 weeks ago

You have set in the Falang settings the flags size 30×30

Thread Starter devsaredead
(@devsaredead)

1 month, 2 weeks ago

yes it’s set as 30×30, that’s why I was hoping it would be fetched by the shortcode with that size, but it isn’t and they are shown at their original size
Plugin Author sbouey
(@sbouey)

1 month, 2 weeks ago
I have tested and it’s work on my test site

i have set in Falang settings 30 and 15 pixels (only the number not with px)

in the filewp-content\plugins\falang\src\Falang\Core\Language_Switcher.php line 56
```
        $width = Falang()->get_model()->get_option('flag_width','16');
        $height = Falang()->get_model()->get_option('flag_height','11');
```
the width and height are get and use in the line 102
```
'<li><a class="%1$s" href="%2$s"><img src="%3$s" alt="%4$s" width="%5$spx" height="%6$spx"/>%7$s</a></li>',
```
Thread Starter devsaredead
(@devsaredead)

1 month, 2 weeks ago

….perhaps I should point you to the page where the shortcode is. You can see here that the flag is in full size.
Plugin Author sbouey
(@sbouey)

1 month, 2 weeks ago
it’s due to your template css rule
```
.row .col img:not([srcset]) {
     width: auto; 
}
```
Thread Starter devsaredead
(@devsaredead)

1 month, 2 weeks ago

how can I tweak that code? So far, the only way to reduce the image is by creating a huge column-padding of the container, like 15%
Plugin Author sbouey
(@sbouey)

1 month, 2 weeks ago
Hi, css is not my best , perhaps something like this:
```
ul.falang-language-switcher img{width:XXpx;}
```
put it in the css of your template
Thread Starter devsaredead
(@devsaredead)

1 month, 2 weeks ago

hello, unfortunately it doesn’t work. The only way is using an image that is 30px in it’s original size.

Plugin Author sbouey
(@sbouey)

1 month, 2 weeks ago

you can ask to your template author how to disabled this rule and why it’s set

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

You must be logged in to reply to this topic.