Search Results for 'css'

Hello,

You will have to use css to make the menu items show like that. Please provide a link to your site so I can inspect it and provide the proper code for this modification if possible

Thanks

Hi,

Yes, you can add css to a specific page in the tagdiv composer under the custom css tab: https://www.screencast.com/t/OBos3FIa4G
You can use css to remove the post author.

Thanks.

Hi,

If you are talking about the video playlist element, you have to enter only the video ID’s in the required field
– https://www.screencast.com/t/LL5oxBcsS5
– https://forum.tagdiv.com/video-playlist-2/
If this not the problem you are having it would be helpful if you could provide more details and some useful screenshots if possible, so we can understand better.

Thanks

Hello jun-sasaki,

Try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-header-row{
padding-top:0!important;
}

Thanks.

Hello marinedirectory,

First of all, please try to use the Header Style 10 which uses the logo in full width and check the results. Maybe you will bring your desired results. Also, if you want to add an image to your header section, notice that you should use a bit of CSS code to achieve this. For more references about this case, you can check the following topic here -> https://forum.tagdiv.com/topic/i-cannot-put-background-image-behind-logo-on-the-header/
First of all, check your system status parameters to be according to our recommended guide if you want to achieve good results, like this -> https://forum.tagdiv.com/system-status-parameters-guide/
If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Thanks for the message!

Hello evilspyboy,

You can try using a bit of CSS code to hide it from your front end but the functionality of it will continue to work. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-post-views{
display:none;
}

Thanks.

Hello,

1) For custom css please use the theme panel-> custom code section https://www.screencast.com/t/9FYBuFG1YNs
If you say that using style.css has little to no effect it means your code is not proper and will not apply. Please use the browser inspector and cahck to see if your code applies to the specific element or there is another more powerful selector than yours taking over.

2)Each of the examples you mention are affected by the theme accent color in the theme panel: https://www.screencast.com/t/NvGdVkg2s6

Thanks.

Hi,

If that is what you want, you could try a code like this one for example, it will change the the block-quote paragraph to capitalized (or how you want it to display)
– https://www.screencast.com/t/ee6FFq13eT
Or maybe normal text
– https://www.screencast.com/t/Rc9cpScMoYuv

The code must be entered in Theme panel->Mobile theme->Custom CSS in order to be applied only on mobile, when using the mobile theme plugin

.td-post-content blockquote p {
text-transform: none;
}

Please correct me if I misunderstand what you wanted.

Thanks

Hi,

It can be customized with css if you have the proper code knowledge. It will grab the theme accent color selected under the theme panel-> theme colors general thee colors

Thanks.

Hello,

If you registered a custom block, it will not have a fonts section automatically created in the theme panel. For that you will require extra code modification.
it will be simpler to change them with css for your custom block.

Thanks

Hello,

In order to remove the 2 options from the social icons, you can remove them from the theme code here: https://www.screencast.com/t/TOtoWPG2M7

As for the design you can only get the same design using css. The top sharing options do not share the same design as the bottom. It can only be re-created with css.
Here is a similar topic on the subject.
https://forum.tagdiv.com/topic/social-network-buttons/

Thank you!

Hello lacoquillita,

I have inspected your website and I saw that your search icon is not visible because it is black. Try to use the code below and place it in Theme panel -> Custom CSS area.

.header-search-wrap .td-icon-search {
color: white!important;
}

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

Thanks for the message!

Hello Torasko,

Try to use the code below and place it in Theme panel -> Custom CSS.

The code is ->

@media (max-width:767px){
.td_block_related_posts{
display:none;
}
}

Thanks.

Hello sloane,

Notice that did not exist any button which has to be pressed to save the content when you load the Text with Title because the text will be automatically saved, like this -> https://www.screencast.com/t/cFIxDnhg If you will select the column, you can add only an extra class for that column or some CSS which will be applied only to this column. That’s it.

Thanks for your understanding!

Hello Scumbag,

If you want to change the style for your all block titles, notice that you can use a bit of CSS code to do this. For example, try the code below and place it in Theme panel -> Custom CSS area and check the results.

The code is ->

.block-title span{
background-color:red!important;
color:black;
}

Regarding on mobile main menu, notice that it cannot be different than the main menu on the desktop, sorry! If you want to add some links only for the mobile menu, you should implement it yourself through the code because the theme does not have any such an option that allows you to do this, sorry!

Thanks for the message!

Hi,

You can choose from a big number of blocks, each with a different design and look
– https://demo.tagdiv.com/newspaper/block-1/
And choose from the unique theme demos, which are custom made
– https://demo.tagdiv.com/select_demo/select_demo_newspaper
I could give you a code to have a border for the modules on your page, and some similar padding like the site you mention
– https://www.screencast.com/t/6EAYuXoEdwz
You could also control and limit the length of the article title and excerpt so the modules would be more similar
– https://www.screencast.com/t/gTGbwRzh1DZm
You can enable the category tag on the module, and maybe than author name and date as well
– https://www.screencast.com/t/MkdO1wCL61
– https://www.screencast.com/t/UQnScBe6
This is the code if you decide to use it, enter it in Theme panel->Custom CSS

.td_module_2 {
border: 1px solid #E3E3E3;
}
.td_module_2.td_module_wrap .entry-title,
.td_module_2 .td-excerpt {
padding: 15px 16px;
}

If you want to further customize the module, you could use the browser inspector to identify the elements and classes used, in order to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks