[Ratiocinator]

Worked like a charm! Thanks, Ed!

[Ratiocinator]

Awesome Ed–thanks!

May I ask though; was it just a few lines needed to be changed? If so, could you post the changelog/what to change here? (EDIT: I’m using Flexform 1.4.3)

I ask because, reluctantly (upon the client’s reques–er, demand), I had to modify the theme’s core files to achieve some results and would rather not have to re-implement those changes again. I figure it’d be easier to add/edit whatever lines to get the thumbnails working right in IE.

The help is MUCH appreciated! Thank you again for this!

[Ratiocinator]

Heh, thanks for the clarification; the title of the thread confused me a little and sorry for not assisting you better klama.

[Ratiocinator]

Good catch on the missing dot. 😉

I’m not totally sure about the blog content element, though. I’m using the Flexform theme in a more unorthodox way and not using much in terms of blog posts, sorry.

Can you find what you mean/what widget on Swift Ideas official demo page? If so, I can probably help you that way:

Home

[Ratiocinator]

Hi Alan,

I’m not an official support/staff for Swift Ideas so I can’t see your link to help you with your social icon footer request. (I’m just trying to help others while I wait for my issue/request to be helped with.)

For your h5 question I’m going to take a stab and advise you to add this to your custom CSS:


h5 {
text-align: center !important;
}


Note, however, that this will center align the h5 EVERYWHERE on your site. If you just want to center h5 inside your footer do:


#footer h5 {
text-align: center !important;
}


[Ratiocinator]

Still need help with my issue, please!

[Ratiocinator]

Refer to this page:

Buttons

[Ratiocinator]

In your ACP, go to “General Options” under “Theme Options.”

Inside the “Custom CSS” field enter:


recent-post div.overlay {
display: none !important;
}


If you also don’t want the image to zoom in on hover:


.recent-post figure:hover img {
-moz-transform: scale (1) !important;
-webkit-transform: scale (1) !important;
-o-transform: scale (1) !important;
-ms-transform: scale (1) !important;
transform: scale (1) !important;
}


[Ratiocinator]

Hi Alan,

I don’t use the social icon shortcode in my footer so I’m not sure. Would you mind linking to your site and I can possibly have a fix for you shortly after?

[Ratiocinator]

Yes sir:

h6 {
text-transform: none !important;
font-weight: normal !important;
}


Note that the !important part at the end will override any other CSS declarations elsewhere on the page. This is nice as we don’t have to open/edit/mess around with Flexform’s default CSS file which may become overridden if you ever update the theme.

[Ratiocinator]

Hi Hamilton,

You can do this in CSS but will need to tweak your setup just a little. Right now you have it as:

<p class="bigBody">
<i class="icon-ok sf-icon sf-icon-float- icon-small"></i>
Bullet point text
<br>
<i class="icon-ok sf-icon sf-icon-float- icon-small"></i>
Bullet point text
<br>
<i class="icon-ok sf-icon sf-icon-float- icon-small"></i>
Bullet point text
</p>

There are different ways to go about doing this, but to keep it simple, simply wrap the entire pseudo bullet list in one paragraph tag, remove the break tags, and instead separate them with spans. So now it would look like:

<p class="bigBody">
<span>
<i class="icon-ok sf-icon sf-icon-float- icon-small"></i>
Bullet point text
</span>
<span>
<i class="icon-ok sf-icon sf-icon-float- icon-small"></i>
Bullet point text
</span>
<span>
<i class="icon-ok sf-icon sf-icon-float- icon-small"></i>
Bullet point text
</span>
</p>

Then, in your ACP, go to “General Options” under “Theme Options.”

Inside the “Custom CSS” field enter:

.bigBody span {
display: table;
}
.bigBody i {
display: table-cell;
}

^ That last bit of CSS will keep the text from breaking down underneath the checkmark and instead keep it to the side of the checkmark.

[Ratiocinator]

Hi xluigix,

In your ACP, go to “General Options” under “Theme Options.”

Inside the “Custom CSS” field enter:

#footer .widget_nav_menu ul > li a:before {
content: none !important;
}


[Ratiocinator]

In your ACP, go to “General Options” under “Theme Options.”

Inside the “Custom CSS” field enter:

h6 {
text-transform: none !important;
}


[Ratiocinator]

Bump for help

[Ratiocinator]

Hi Melanie,

I’m not sure what you mean on your first question? The bug happens on Flexform’s official demo page (the one you’d see/get to via Themeforest.net) as mentioned.

This bug happens when compatibility mode is NOT on. I’ve actually disabled capability mode altogether on my site (through the meta tag statement).

Truth be told, being IE and all, I don’t care about this bug but the site has to work on that browser because our target audience mostly uses it so its important to iron this out. This could kill two birds with one stone though if the error is happening on your demo page as well since we could find a fix for both of our sites. 🙂

Any other suggestions? Do you see this error as well when you use IE(10)?

Thanks!