Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 18, 2020 at 4:32 pm #1194160
    etaerc

    Ich möchte die Größe eines Icons ändern. Z.B. in einer Symbolbox.
    Wenn ich das über “.iconbox_top .iconbox_icon { font-size: 30px; }” tue, dann ist das Symbol nicht zentriert.
    Wie kann ich die Größe ändern?

    March 19, 2020 at 6:35 am #1194316
    Rikard

    Hallo etaerc,

    Could you post a link to where we can see the element in question please?

    LG,
    Rikard

    March 19, 2020 at 9:26 am #1194334
    etaerc

    1. Go to the end of the page on “https://kriesi.at/themes/enfold/”
    2. With the “WebDeveloper” in Firefox or a similar tool inspect the icon of the middle box “NEED SUPPORT?”,
    This is <div class=”iconbox_icon heading-color ” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></div>
    3. In the CSS-Rule for “.iconbox_top .iconbox_icon” change “font-size” to “40px”
    4. The two boxes “NEED SUPPORT?” and “CHECK FORUM” will show a deplaced icon to the right. The first one “PRESALES QUESTION?” shows the icon centerd.

    March 19, 2020 at 8:15 pm #1194564
    Victoria

    Hi etaerc,

    https://share.getcloudapp.com/KouW9XL0 When I reduce the font-size there icons stay centered.

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    March 19, 2020 at 10:00 pm #1194612
    etaerc

    reducing the font-size is not what I described. The problem shows when augmenting the font-size.
    Please read my instructions to reproduce it. Specially step 3.
    See screenshot at https://snipboard.io/NYE0br.jpg

    • This reply was modified 4 years, 10 months ago by etaerc.
    March 21, 2020 at 10:14 pm #1195147
    Mike

    Hi,
    To change the font size to 40px you will also need to adjust the margin of the “before” like this:

     .iconbox_content div.iconbox_icon:before {
 margin-left: -6px !important; 
 }
  .iconbox_content div.iconbox_icon {
  	font-size: 40px !important; 
  }

    Please adjust to suit.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.