Search Results for 'css'

Hi,

Sorry about the misunderstanding, I believe this is what you want
– https://www.screencast.com/t/IKP0ieY60

Enter this code in Theme panel->Custom CSS section

.td-header-style-5 .td-header-menu-wrap {
-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.09);
-moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.09);
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.09);
}

You can make modifications to the code if you want to, this is a guide about using box-shadow
– https://css-tricks.com/almanac/properties/b/box-shadow/

Thanks

Hello,

Please read this topic: https://forum.tagdiv.com/topic/css-overriding-gleam-io-styling/

Thank you!

Hello,
The method that comes to mind is using the in_category function of wordpress: https://developer.wordpress.org/reference/functions/in_category/
You will have to modify the get_title function like so for posts:
if (in_category('Gadgets')){
$buffy .= '<h1 class="entry-title, customicon">';}
else{
$buffy .= '<h1 class="entry-title">';}
and replace this code: https://www.screencast.com/t/ikYJa8coe
And then you can use the new css class on your post title to add an icon to it using font awesome maybe.

For pages, the code is found here: https://www.screencast.com/t/quFJlOhp9

Thank you!

Hi,

Looking at that example, there are similar modules but not quite the same. Such as these maybe
– https://demo.tagdiv.com/newspaper/block-7/
– https://demo.tagdiv.com/newspaper/block-8/
Those modules do not display excerpts, only title and thumbnail. Only thorough code modification they would display an excerpt, and only through additional CSS design they will look like the ones you mention.
All the modules are predefined in terms of how they look and what information they display. Try using one of the many blocks and grids available, surely there are some you can use by default
– https://demo.tagdiv.com/newspaper/block-1/

Thanks

Hello,
Please add this code in your theme panel-> custom css section:

.home .td_block_social_counter{
display:none;
}
.home.paged .td_block_social_counter{
display:block;
}

Thank you!

Hello courthouseWGR,

Unfortunately, the theme does not have any such an option that allows you to do this, sorry! You should do it yourself via custom CSS code because we cannot provide additional customizations, sorry! If you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you in this case!

Thanks for your understanding!

Hello modocmag,

if you want to have only one menu divider, please try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.menu-item:before {
content: '//'!important;
}

The result is here -> https://www.screencast.com/t/V0D2naNyX

Hope this helps!

Thanks for the message!

Hi,

I could give you a code for that, the result would be like this
– https://www.screencast.com/t/oqi6WX0hpX
This code can be modified if you wish different results, let us know. It can be entered in Theme panel->Custom CSS section.

.td_block_image_box .td-custom-title {
top:auto;
bottom:0;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}

This one will change the background color and text color, for style 2 box
– https://www.screencast.com/t/jcgZzdJIba1

.td_block_image_box.td-image-box-style-2 .entry-title a {
background-color: yellow;
color: red;
}

Or you could try other elements that can display images
– https://www.screencast.com/t/igLH59jS
For example the title over image element has options to position the text at the bottom
– https://www.screencast.com/t/o5LA8Xh4

Thanks

Hello,

Please check the style.css core file because there was created this button, like this -> https://www.screencast.com/t/Mk0pCiWyO

Hope this helps!

Thanks for the message!

The scroll to top issue might be caused by the same plugin. Unfortunately I could not make any plugin recommendations in the matter. You could try other plugins with this capability, or configurations, and make tests to see if they cause issues with the theme functionality.

The scroll on mobile could be removed if required with a code like this, entered in Theme panel->Mobile theme->Custom CSS

.td-scroll-up {
display: none;
}

Thanks

Hello MrKeerthan,

You should try using the code below and place it in Theme panel -> Custom CSS area. The code is below.

.td_smart_list_2 .td-item{
border-bottom: 1px solid #ededed;
}

The result is here -> https://www.screencast.com/t/gPokeVUwETa2

Hope this helps!

Thanks for the message!

Hi,

I believe you followed this topic as well
– https://forum.tagdiv.com/topic/featured-image-show-caption/

I have entered the code provided there like this, in single template 6
– https://www.screencast.com/t/0fveK0lY13
This will position the caption directly in the locations you want
– https://www.screencast.com/t/iBwHGEgVJI
You can use the CSS code from the same topic to style the caption, or create your own styling.

Thanks

I have tested this and the solution works. Enter the code that is provided in that topic here in this file
– https://www.screencast.com/t/PXvipAgOl
Then the views have to be called in each module file that you are using> example for module 1
– https://www.screencast.com/t/8UMPo2c8n

<?php echo $this->get_views();?>

The views will show in the module – https://www.screencast.com/t/CeuSAQ4J
Now apply some styling, the one provided in that topic will make the views look like this
– https://www.screencast.com/t/qHYMP4GLP
But you can style them further with CSS code if needed
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hi,

If you use the mobile theme this has a scroll to top button. If the plugin is not active, the scroll icon will not show. It could be made to appear with this code if necessary
– https://www.screencast.com/t/FRA3s9jKrrU
Enter it in Theme panel->Custom CSS section

@media (max-width: 767px) {
.td-scroll-up {
display: block;
}}

Thanks