Search Results for 'css'

Thank you for your help so far Andrei L.

I don’t know what I might be missing but I certainly need some help with this share buttons situation

What i’m trying to do: Add a whatsapp and email share button to my Newsmag theme.

Things I understand that i’m supposed to-do are

To-do 1. Add the Font Awesome Icon plugins
Attempted Solution 1: I installed this plugin https://wordpress.org/plugins/font-awesome/
Attempted Solution 2: I inserted the following code to (the parent theme’s) [theme folder]/function.php file.

add_action( 'wp_enqueue_scripts', 'enqueue_font_awesome' );
function enqueue_font_awesome() {

	wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' );

}

I got the code above from a different site while trying to figure out how to add FA icon to my site.

To-do 2: Edit “./wp-content/themes/Newsmag/includes/modules/td_module_single.php”

Attempted solution:Added the following code

<a href="//send?=' . esc_url( get_permalink() ) . '"><i class=”fa fa-whatsapp fa-lg”></i></a>

To-do 3: Add custom CSS
Attempted Solution: Added the following code to the “Your Custom CSS”

.td-social-whatsapp {
background-color: #60b82d;
}

.td-social-whatsapp .td-icon-whatsapp {
font-size: 24px;
position: relative;
top: 2px;
left: 1px;
}

.td-social-pinterest {
margin-right:8px;
}

@media (min-width: 787px){
.td-social-whatsapp {
display: none !important;
}

After all of the above nothing has worked(whatsapp button has not appeared). What am i missing?

Is there a plugin i can add to make this part easier.

I really appreciate any more help I can get.

• This reply was modified 10 years by rozubihc.

Hello Bogdan,
thank you so very much for this solution, i believe i am very close now, with this custom CSS.
but still, this is not working as intended.

I have applied the custom CSS in my theme, and i have placed the image in a container, as you indicated.
you can see the result here:

http://le-meilleur-du-golf.com/analyseur-de-swing-de-golf/

there must be some kind of code somewhere blocking the size max of any media. Because, even putting the image full size doesn’t work properly.
do you have any idea?
many thankS,
Thierry

Hi

By default the theme doesn’t have an option to increase thumbs size but you can use custom css to achieve that: http://screencast.com/t/mb6h468Uqd

@media (min-width: 1023px) {
.page-id-121241 .td_block_16 .td_module_mx4 {
width: 198px!important;
}
.page-id-121241 .td-block-span4{
padding-left: 5px;
}
}

Thanks!

Hi

Replace the previous css with this one: http://screencast.com/t/yRJ13muA

@media (max-width: 767px){
.td-pb-span4 .wpb_widgetised_column{
display: none!important;
}
}

Let me know how it goes.
Thanks!

VC might have discontinued support for IE9 or changed that and some caching or other element is still pinging that.

You could likely
a) check the plugin folder to see if that file is there or got renamed
b) do a 301 redirect via htaccess to the renamed file, or to a different CSS file.

Also possible it’s an old file which had a vulnerability and a bot is looking to hack you or check to see if vulnerable.

That could be totally wrong — so tagdiv may have better answer; just food for thought. Looking at the changelog for VC might also provide a clue if the file was retired.

Hey guys, thanks a lot for your effort!

Finally the slider is “stretched” to its max. values

I added the following CSS:

.iosSlider-col-2 .entry-thumb {
height:100% !important;
}
.home .td-pb-span6 .td_block_slide .td-module-thumb, .home .td-pb-span6 .td_block_slide .td-module-thumb .entry-thumb {
height: 100%;
width:auto;
}

try this one by removing previous custom css code if last one did not worked

.td-js-loaded .td_block_slide .td_module_slide {
visibility: visible !important;
height: 280px !important;

}

this is the last attempt from me.

and if all the previous code does not work then remove all those previous css code and try this it will 200% will work if not then there is some other issue or may be any silly mistakes

.iosSlider-col-2 .td_module_slide {
height: 280px !important;
}

tell me if your problem solved

try this in custom css
.iosSlider-col-2 .entry-thumb {
width: 696px;
margin-top: 105px !important;
}

tell me if you find any other problem related to this slider issue on other pages

You would likely need to custom build some kind of new query based on a date range, like only show item/block if query to that featured category has a story newer than xx days. So else if nothing newer than xx days, show nothing.

Not sure you could do that in VC with a module — but you could likely create your own CSS for a custom block or something, and then maybe populate that spot in layout with that block?

This is not a normal thing since that is kind of what a ‘featured’ category has traditionally been used for in WP — meaning, you have a “sticky” category, and then you only have one item in it; then edit that post when you no longer want it featured.

Not sure that helps — but some food for thought anyway.

Hi, Thank you for the answer.

I added your code to Custom CSS but unfortunately there is no difference :/

I also tried the regenerating plugin again, but no success.
Any other ideas?

Thanks a lot!

You can easily import any font family you wish via your style.css file, and load files on your own site.

You may find this helpful if you’re new to how to use custom fonts on the web:

enabling web fonts
http://zoerooney.com/blog/tutorials/installing-web-fonts-start-to-finish/

overview of font linking in style sheet:
http://www.fontspring.com/support/troubleshooting/style-linking