Search Results for 'css'

Hi,

You could remove the margin bottom set on the gallery, with a code like this – https://www.screencast.com/t/fffqu3P0G just enter it in Theme panel->Custom Css

.vc_custom_1490284451319 {
margin-bottom: 0;
}

Thanks

Hi,

The current menu item background color is linked to the theme accent color – https://www.screencast.com/t/yzpEtCvFTYZ and it is the same for all of the menu items. It would be difficult to set a current menu item for each of the menu items. You could use a different color for this state – https://www.screencast.com/t/gMbB0yNZ or do something like this – https://www.screencast.com/t/hXTHYW9iL for each of the menu items.
You can make another code like the one provided above and replace the a:hover with a:visited for all the menu items and use the same colors, then add it after that code in theme panel. It could work this way, give it a try. If a delay is visible between the color change, try adding the codes directly in the theme style.css found in the theme folder, at the end of the file.

Thanks

Hello MrOrsh,

Use only the .td-main-content-wrap. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-main-content-wrap {
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
box-shadow: 0 0 61px 0 rgba(0,0,0,1.1);
}

Thanks.

Hi,

Please specify where would you like to make these changes to the links so I can provide a better answer. For example in the post content you can achieve this like here – https://www.screencast.com/t/3kXS93sTI for every link inserted. Or you could use some css to style them all at once – https://www.screencast.com/t/mFUSsxrJbdac for the post content.
These are all the theme options regarding fonts – https://forum.tagdiv.com/font-customization/

Thanks

Hello MrOrsh,

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

The code is ->

.td-container-wrap {
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
box-shadow: 0 0 61px 0 rgba(0,0,0,1.1);
}

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

Thanks for your understanding!

Hello Owlcomics,

Try the theme panel settings from here -> https://www.screencast.com/t/hGhnU5gjMXK or also, you can use the code below and place it in Theme panel->Custom CSS code.

The code is ->

.td-post-template-3 .td-post-header .entry-title{
color:green!important;
}

Thanks for the message!

Hello,

Thank you for your appreciation.

1) I have tested your site on mac but could not see the line you mention. https://www.screencast.com/t/kHdvVpdbcJUN

2) Our theme has a custom login already which can be accessed on the front-end: https://forum.tagdiv.com/login-how-to-enable-user-registration/ – https://www.screencast.com/t/D0BiMNXRTqyG

3) sorry but there is no gradient color section for the header and footer but you can add a footer background image: https://www.screencast.com/t/rKgVA4TL
For the header it can only be done with custom css.

4) Sorry but only by using the obile theme can you have a separate menu for mobile devices.

5) The quotes can be changed from the fonts option: https://www.screencast.com/t/tcwLRz4daHU

6) and 7) It is ok as there are no restrictions in this regard. It will load all of the elements, yes, but you should not experience drastic loading speed drops. It is recommended to increase your overall loading speed by using this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/ and increase your system status parameters like so: https://forum.tagdiv.com/system-status-parameters-guide/
lease only use wp super cache and these settings: https://forum.tagdiv.com/cache-plugin-install-and-configure/ if you plan on using a cdn server: https://forum.tagdiv.com/cloudflare-cdn/

8) This topic explains how to use speedbooster together with other plugins: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/

9) Please provide an example as the image is not working

10) The validator also provides errors for ALL of the well known sites including google, facebook, Amazon, Yahoo, etc. We have stopped trusting it 🙂

Thanks

Hi,

You can use a code like in this example this – https://www.screencast.com/t/eUlSNk8urJ based on the menu item ID’s. The custom colors will show when the menu item is hovered. This is the code used in the example, you can change the colors to your liking, and enter it in Theme panel->Custom Css

.menu-item-63 a:hover {
background-color: red!important;
}
.menu-item-22 a:hover {
background-color: blue!important;
}
.menu-item-21 a:hover {
background-color: green!important;
}
.menu-item-20 a:hover {
background-color: pink!important;
}
.menu-item-715 a:hover {
background-color: brown!important;
}

Thanks

Hello,

You can add a custom link with a link to none. this is done by linking it to # like so: https://www.screencast.com/t/Q1TfUkLh
The you can use a css to remove the mouse events for that menu item (you will need the menu item id):
.menu-item-4067{
pointer-events:none;
}
Ad the code in the theme panel-> custom css box
4067 is my menu item number. Yours will be different. You can inspect the menu with the browser inspector to see the menu item corresponding to it or https://www.screencast.com/t/YrYgwPody

Thank you!

Hi,

It seems there is a problem with the breadcrumbs not displaying on the post page in this particular demo, and this combined with some header style is causing this issue. I have added this on our fix list and it will get resolved as soon as possible. Please try and use the code provided below as a quick fix for you to use in the meantime, with this result – https://www.screencast.com/t/lfHHGhBGb3jc

.td-blog-beauty .td-post-template-default
.td-crumb-container {
display: block;
}

The code must be entered in Theme panel->Custom Css – https://www.screencast.com/t/Sxtr3nhrnnHd
Thank you for understanding!

Hello,

Please remove this custom css from your theme panel: https://www.screencast.com/t/dNON5LZ3H25m

Thank you!

Hello HIGHLIFE,

The call button is named Whats’up ->https://www.screencast.com/t/mISJ3JYwR0ta. Do you know what is Whatsup? So, if you want to hide one of the icons you can do it with a bit of CSS code. If you want this, let me know which you want to disable so I can provide a more accurate code/response.

Thanks for your message!

Hello STEFEN1,

As a quick solution, you should use a bit of CSS code to do this effect. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

#rev_slider_23_1_wrapper{
margin-bottom:40px!important;
}
.td-container{
background-color:transparent!important;
}
.wpb_wrapper{
background-color: white!important;
}
.vc_custom_1490605951655 {
margin-top: 2px !important;
margin-bottom: 0px!important;
}

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

If is not what you mean and if you want any other customizations, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hi,

If you mean the titles alignment here – https://www.screencast.com/t/GZK378OOSv7e you could do it with a code like this – https://www.screencast.com/t/2uj1KfLmfKz5
This is the code used, just enter it in Theme panel->Custom Css – https://www.screencast.com/t/dmO09DR8zc9x

.td-footer-wrapper .block-title span {
padding-left: 0;
}

Thanks

Hi,

It seems the code displays right after the inline ad, so you could use that and create a code like this – https://www.screencast.com/t/91CEUMPZUQ that removes the paragraph immediately after that class. I have tested this with some of your other posts containing galleries and it seems to work properly
– https://www.screencast.com/t/e4twHjCuPa
– https://www.screencast.com/t/EIOObSIby
– https://www.screencast.com/t/jAiBHstS
Maybe there is another way of achieving this, but you should try this quick fix for the moment. The code must be entered in Theme panel->Custom Css

.td-post-content
.td-g-rec-id-content_inline + p {
display: none;
}

Thanks

Hi,

The easiest way to do it, without modifying the theme files would be to hide the header and footer entirely with css on that specific page, based on that page ID like in this example
– https://www.screencast.com/t/CXpWLaRkzfK2 – https://www.screencast.com/t/a2OMaduLO

Thanks

Hello,

The category tags can be removed from particular modules and blocks from the theme panel: https://www.screencast.com/t/oRn1wt1rBt
If you want to remove the tag only on mobile I can provide a css code for it but I will need a link to your site so I can see what modules and blocks you use as the code must be added for each block in particular.

Thank you!