Hi,
Maybe the table has fixed widths, that could by why it is overflowing. If it would be responsive it would adapt to the container in which it is placed.
I could take a look, please provide a link to your website and mention hoe exactly you want to apply the color, for which elements.
Custom CSS code can be created with the help of the browser inspector, and then entered in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hello ryderspyder,
This is the default style for our block template. You should use the Inspector browser if you need to create our own custom Code.
Thanks for your understanding!
Hi Simion,
It’s been a while since I addressed this issue, but I have been toying around with it again and think I have come up with a work-around. I went into the TD Composer css file and was able to add a bit of right side padding to .tdc-inspector .tdc-tab-content-wrap. This at least pushes the editor into full view, but doesn’t really address the issue of why it’s rendering wrong in all my browsers. I tried clearing out the caches, resizing browsers, etc but I didn’t see any intuitive fix.
Check out this screenshot I took https://imgur.com/7mBWDpJ and you will see that the padding is rendering underneath of the right side display. Not sure if this helps with trouble shooting it, but I think the bottom line is that the formatting is right, but somehow the panes are overlapping. Make any sense? I’m not computer guru but am open to suggestions. I’m on a Mac running Sierra 10.12.6.
Kind regards 🙂
Hi,
Seems the theme icons are missing or cannot be loaded for some reason. The theme uses images from this folder
– https://www.screencast.com/t/SDPTs7DR
They are used for the theme panel, page builder etc. Maybe the theme has not been installed/updated properly. Check if the images folder is present in the theme folder, in the WordPress install. If there is no problem there and the images are present, check with the browser inspector and see if there are any errors in the console
– https://www.screencast.com/t/dSXj5HZyi
Thanks
Hi,
That could be done with some CSS. The category tags design or colors cannot be changed with a theme setting, at the moment. This is a similar topic that you can follow
– https://forum.tagdiv.com/topic/category-label-appearance-on-block-1/
Also more about the browser inspector here, this tool can be used to create various customization for website elements
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hello RebornMarketing,
You should create your own custom CSS code for your desired changes. We recommend to check the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks.
Hello bengaloorism,
Sorry but I do not exactly understand what you want to change, unfortunately! Provide more details about your desired changes and also, please notice that each modification involves doing such custom work and we cannot provide something like this at the moment. I suggest you read the following guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ and try to create your own custom CSS code.
Thanks.
Hello Alex89,
If you want a hover effect you should do it yourself with such a custom CSS code according to our Inspector Browser guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ because there you will find all the steps which are needed to follow in order to create your own custom CSS code.
Thanks for your understanding!
Hello aditya58singh,
You are free to make this change but please notice that you can break the theme layout, sorry! Try to use the Inspector Browser to create your own code, according to the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hi,
Indeed, making any modification directly in the theme files will not be a long term solution. If possible a child theme should be used for that. There is a child theme provided in the theme package, this is a guide
– https://forum.tagdiv.com/the-child-theme-support-tutorial/
Not all theme files can be customized with it, the files that can be are mentioned in the guide. If it is required to modify a theme file that cannot be modified with a child theme, make the modification and back-up the respective file. After making an update replace the new file with the one you backed-up.
Be sure to check the theme changelog after an update
– https://forum.tagdiv.com/how-to-update-the-theme-2/
There will be a list of modified files. So for example if you modify a file (child theme or not) this modification might have to be made again, taking into consideration the modifications made to the original file after the update.
Custom CSS code (and other code) can also be entered in the theme panel custom code sections. Code entered in these sections will not be lost after a theme update, it is saved in the database of the website.
There is also a Live CSS feature that you can use for various CSS customization
– https://www.screencast.com/t/jX35QFGtPuO
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
In terms of backup you could use a server provide option if available, using plugins etc
– https://codex.wordpress.org/WordPress_Backups
There are also many online guides and tutorials
– http://www.wpbeginner.com/plugins/how-to-create-a-complete-wordpress-backup-for-free-with-backwpup/
Let us know if you have more questions, we will try our best to help you.
Thanks
Hello dominikposch,
If you want to make it similar, you should use the Inspector browser and check your desired style and try to replicate it on your end. -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks.
Hello allenwei,
You should use the inspector browser to identify what kind of font settings are used in demo template. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for the message!
Hi,
There is a default margin and padding set on the module of that block, You could reduce those with a code like this
– https://www.screencast.com/t/biVMbxcDoUW
.td_block_9 .td_module_8 {
padding-bottom: 15px;
margin-bottom: 8px;
}
You can change the values in the code if needed, set them how you want. The browser inspector is a useful tool you can use to create simple CSS codes
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hello,
You should start with the below code for changing the pulldown filter on category pages.
The code is ->
.td-category-header .td-pulldown-filter-display-option {
background-color: red;
color:black;
}
Please check the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for the message!
Hello wendy2228,
Yes, you should add another image in that section if you do not like the default one, sorry! To familiarize with the Inspector Browser, please check the guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hi,
That delay could be caused by a missing image that is trying to load
– https://www.screencast.com/t/h73dXcbmW
The image was set when installing the demo, please try and remove/replace the images found here
– https://www.screencast.com/t/nj4NUzfnuOk8
Then check in the browser inspector console if there is still a 404 mentioning the image, and also if the main issue is solved.
Thanks
Hello win2158,
Check the theme panel options from here -> https://www.screencast.com/t/TAvTyCCN2VVs If you want to have more options you should customize it yourself using such a custom CSS code. A more useful guide for you can be this one -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hello blukid,
First of all, you should check the useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ which teach you how it is possible to create your custom own CSS code.
Thanks for your understanding!
Hello gabriel79,
It seems to be correct but please notice that I cannot check it more deeply because it is an additional customization. Add the code to your Custom CSS area and check the results. For more information about how you can create your own custom CSS code, please check the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hello Totelae,
I do not know what exactly you want to achieve but please notice that task involves doing such a custom work, sorry! Try to consult this useful guide -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ in order to start creating your custom code. 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 because we cannot provide custom work at the moment, sorry!
Thanks.
Hello MCDS,
Sorry but please notice that our theme does not have any such an option for RSS widget. If you want to make some changes to the widgets, you should simply target the classes via such a custom CSS code. Try to use the inspector browser according to the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hello pozitron21s,
You can do it only with the code because the theme does not have any such an option for it. You can check this useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for the message!
Hello Saikological,
You should target it with such a custom Code, using the Inspector browser, like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ Also, you can provide your website URL so I can take a closer look at it and also, so I can give some clues.
Thanks.
Hi,
You could create CSS code to customize the button as you wish, using the browser inspector
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
For example the button size could be increased, the border color changed, the font size increased like this
– https://www.screencast.com/t/m3bBbcGxL
You can modify the code as you wish, then enter it in Theme panel->Custom CSS
.td_ajax_load_more {
padding: 16px 20px;
border: 1px solid #000;
font-size: 15px;
}
It will affect all load more buttons, it can be made specific to a block if needed. Or create different styles per block.
Thanks
Hi,
A background hover color setting does not exist, this would have to be made with custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you require help, provide a link to your website and details about what you want to do, we will try to give you a solution.
Thanks