Search Results for 'css'

Hi

Theme’s social icons which are displayed in top menu or in footer are generated by a custom font and have a font size by 14px: http://screencast.com/t/fejWvOSg3 If you try to use a image the css will behave different and must be adapted at image size. Also the image must either have the same size as other icons, let’s say 15x15px, or be scaled with css to achieve the desired rezult.
The point is that there is a difference of how css works when you’re using an icon generated by a custom font than when you’re using a image to make the icon.
I can’t provide a general solution fort that as there are many aspects which must be considered.

Thanks!

Hello support

One issue after the other.. About two weeks ago, I posted on Forum regarding below message.
Broken Themes

The following themes are installed but incomplete.

Name Description
Newspaper Template is missing. Standalone themes need to have a index.php template file. Child themes need to have a Template header in the style.css stylesheet. Delete

I was told to reinstall the theme which I did.. Today, that text showed up again?

What can I do? Thanks

Hello.. Please visit http://www.Tathaastu.com

That is our website..

You gave us a css to remove it.. and it took off that gray filter over the images and that zoom feature.. but it does not have that gray bar under the text like the first big grid on top of the homepage.

So what we want is that the entire website/all grids and everything would have no zoom hover feature, and no dark filter on the images, but the text would still have that gray bar running across. Can you please do that.

Thank you!

Do you want to show randome posts below the comment section like this? http://www.mysteryofindia.com/2016/04/awe-inspiring-shiva-temple-kakanmath.html

So here is guide:
1. create new page ( you don’t have to publish it)
2. Click backend Editer to use visual composer
3. Add Block 3 and select the options according to your preferences (like Title, category, Random posts or Latest posts)
4. After you finish adding the block click on Classic Mode to return on normal page
5. You will get a code like this [vc_row][vc_column][td_block_3 custom_title="" sort="random_posts" limit="3" ajax_pagination="infinite" ajax_pagination_infinite_stop="4"][/vc_column][/vc_row]
6. add PHP tag like this: <?php echo do_shortcode('your Visual composer code goes here'); ?>
7. Here is final code that we use on our site: <?php echo do_shortcode('[vc_row][vc_column][td_block_3 custom_title="" sort="random_posts" limit="3" ajax_pagination="infinite" ajax_pagination_infinite_stop="4"][/vc_column][/vc_row]'); ?>
8. Now you have to edit your SIngle_Template.php files. We are using template number 2,5,11 so We have added this code in these files. You can add this code in all the templates that you use.
9. Paste the code at end of file Single_template_##.php after this line </div> <!-- /.td-pb-row -->
and before this line: `</div> <!– /.td-container –>
</article> <!– /.post –>`

Thats it. it will work now.

Last thing add this code in Theme > Custom Code > Advanced CSS > Phones:

.td-pb-row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

It will fix some style issue in mobile phones.

• This reply was modified 10 years by Josan.

Hi

Th script which display the ad is not from the theme: http://screencast.com/t/MCK9MsMbT03t Check your ad-codes added in theme panel. You may have a script which calls an external script in order to display the ad. As I mentioned above the actual html structure and css rules applied on it don’t allow its control from outside.

Thanks!

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/j1vPxMUAqi85

.td-big-grid-post .entry-title a{
color: red;
}

Thanks!

Hello, i’m afraid i have an issue after the last update!

I’ve lost my config (the one you showed me here).

I tried to repeat it again and did not worked this time.

Now i’m using header style 10. (http://prntscr.com/ayitb6)
I’ve found the correct line, inserted that div and nothing happened.
Also i’ve added the custom css (http://prntscr.com/ayit64)

Help me please, how to solve it? I really need to display in the middle that message.

Thanks a lot.

Hi

It seems to be a css issue but unfortunately i can’t offer a solution now as this is not a code from the theme and I am not aware of its functionality. Please provide a link where I can inspect this closer and maybe I can help.

Thanks!

Hi Bogdan,

So I am not getting the results need with the Speedbooster – I still get Render Blocking alerts on GWMT page speed test when I follow (precisely) your guidelines to move the css and js to the bottom of the pages.

I have all latest versions installed

Are you saying above that Plug Ins like Wordfence stop the SpeedBooster working?

Here’s the plug ins I am using

Ninja Forms
tagDiv Social Counter
tagDiv Speed Booster
Wordfence Security
Wp Super Cache
WpBakery Visual Composer
Toast SEO

Cheers

Hi

You can achieve that by adjusting the code from loop-single.php. Just replace the original code with this one: http://pastebin.com/DZLhyFxP – http://screencast.com/t/ej2tajOPK then add this css in theme panel > custom code > custom css:

.td-post-template-default .td-modal-image img{
margin-bottom: 0;
}

The result should be like here: http://screencast.com/t/Oa4AN0wwgs

Thanks!

Hi

I assume that you’re using a plugin to add that ad on the page as it’s not generated by theme’s spots. Also its html source don’t allow to target it with css from outside as it’s css is added inline: http://screencast.com/t/HbAKMMmdku0 You have to edit the plugin/script which generate the ad and change these rules for mobile devices.
To target only mobile devices use media queries:

@media(max-width: 768px){
//css code goes here;
.elemnt-css-clas{
display: none;
}
}

Thanks!

Hi Bogdan,

We don’t have a caching plugin or a CDN. We do have Jetpack, but we don’t have Photon switched on.

And besides, the CSS for the fonts gets output in the html file itself as a <style> tag – this is just below a comment: <!– Header style compiled by theme –>

So it’s not an external CSS file, and it shouldn’t be cached.

I have also cleared my browser cache, but that hasn’t fixed it.

Hi

Try this css in theme panel to add the hover color: http://screencast.com/t/kSlmS2Kafl1j

.td-footer-info .fa-calendar-check-o:hover {
background-color: #00aced;
}

Thanks!

Hi

Try this css to add a padding around the comment box: http://screencast.com/t/mM1zWnz5hyuW

#livefyre-comments{
padding: 0 20px;
}

Thanks!