Hi Calin, let me show you what I have/did..
Capture 1 https://prnt.sc/p1qsg8 shows one of our recent articles
Capture 2 https://prnt.sc/p1qt1i shows the settings of the pic (via media)
Capture 3 https://prnt.sc/p1qthm shows the CSS (including a color setting I made)
Capture 4 https://prnt.sc/p1qtvr is the template setting.
In some cases it shows as desired (https://www.deventervoetbal.nl/goaheadeagles/jenthe-mertens-versterkt-ga-eagles/) and in others not at all.. Is there something I do wrong?
Mark
Hello !
The easiest way ( even if it doesn’t look like ) is to simply change the fonts in theme panel. There are too many classes and id’s for a css to handle them. And would be even harder for you to locate and write the code.
Thank you !
Hello !
You can choose and hide elements only on one viewport as you can see here: https://www.screencast.com/t/XMCGmoGQ3lQ
Select the Viewport ( Phone / tablet etc )
Click on the element you want to hide – Go to CSS tab and select hidden.
The element will not appear on the viewport you have selected.
Thank you !
@vlad-s could you suggest how could I override the default font you have otherwise? I understand you don’t have this option, but maybe forcing a CSS rule in footer should work?
Hi,
Make sure that you set the code in Theme panel> Custom code> Custom css and you clear all cache after you save the settings.
Also you can try this one, is stronger
.single .wp-caption-text{
color: white;
font-style: normal;
}
If there is still a problem, please provide me some screenshots with the implementation you’ve med for that css.
Thank you!
Hello,
You can use a custom css and from this -> http://prntscr.com/p1lbnv will be like this -> http://prntscr.com/p1lc20
.custom-html-widget .gsc-input, .gsib_b, .gsc-search-button {
border: none;
}
.custom-html-widget .gsc-input #gs_tti50, .gsc-search-button.gsc-search-button-v2{
border: 1px solid #444;
}
.gsc-search-button{
float: left;
}
Hope this will help you!
Thank you!
Hello,
That demo have add a specific class on body -> http://prntscr.com/p1k8w6 so if you want to make the pagination to have that design then you can use this custom css from the Lifestyle Demo class -> http://prntscr.com/p1kbzy
.page-nav a, .page-nav span {
border-radius: 50%;
}
Hope this will help you!
Thank you!
Hi,
This depend of the implementation of RSS Widget that you used, please provide me a link where I can inspect this widget, in this way I will be able to provide you the corect answer, or you can change the header/title style and color from the RSS Widget using custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hello !
Please add this CSS code in order to change the text color and hover color: .td-blog-baby .td_block_template_1 .td-related-title .td-cur-simple-item {
color:red;
}
h4>a {
color:red;
}
.td-blog-baby .td-related-left:hover, .td-blog-baby .td-related-right:hover {
color: blue;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi,
You can try this custom css for the Gutenberg buttons -> http://prntscr.com/p18n31
.single .td_round_btn:hover {
background-color: red!important;
}
Unfortunately this is the only way for the moment to set the hover background color on buttons in editor.
Thank you!
Hi Calin,
1/ The code:
.td_round_btn:hover {
background-color: #e34!important;
}
Does not word for changing Gutenberg buttons hover color.
2/ For your buttons (round large), is there another way to change the main color rather than a CSS custom code?
Thanks
Hi,
Please provide me a link where I can check this problem, maybe there is a custom css stronger that the one that you apply with <hr>, in this way I will be able to provide to you an working answer.
Thank you for your understanding!
Hi,
Please provide me a link to your website and I will provide to you the custom css that you need to remove those borders from search box.
Thank you!
Hello,
For this will need to use a custom css like this one -> http://prntscr.com/p11mj7
.wp-caption-text{
color: white;
font-style: normal;
}
The code need to be set in Theme Panel> Custom code>Custom css
If you want you can set more style on text, here is some documentation -> https://www.w3schools.com/css/css_text.asp
Hope this will help you!
Thank you!
Hi,
That was the implementation for classic editor, the button color will be the accent color of the theme, using the Gutenberg editor you can choose the the color -> http://prntscr.com/p11k7j using the classic editor you need to set the background how I said above.
If you are not using the mobile theme, you can set the code in Theme panel> Custom code> Custom css and the code will be apply on all displays/device.
Thank you!
Hi. I’m trying to use Google Custom Search in a widget (for the search box, not results). I can’t seem to customize the div borders to be white or not to exist at all. Right now the search box has many borders. I tried inline css like border:none; border-color:#ffffff; but did not fix. I was able to do this with other themes.
See this pic for problem:
https://imgur.com/PE4yeG0
The Google results page looks OK though because you can style within the AdSense control panel. Thank you!
When I download the theme from ftp it gives the following error;
Problematic themes
These themes are established, but not all.
name Description
Newspaper Template is missing. Individual themes require an index.php template file. Sub themes require the template header in the style.css style file.
Hello !
You can have Next / Back Buttons only on smartlists.
That is possible when having a Single Post template from the Cloud Library as you can see here: https://www.screencast.com/t/CO4LWTcimW
Follow this tutorial to learn how to use the Single Post Template: https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/
You will have to make some modifications. First of all add this css code into your Theme Panel – Custom Codes – CSS: https://www.screencast.com/t/vxXrGBIV
.td-post-next-prev-content { align-items: center; border-radius: 40px; text-align: center; display: inline-block; margin-bottom: 40px; width: 50%; height: 50px; background-color: black; } .td-post-next-prev-content a { text-align: center; margin-top:15px; margin-bottom:5px; color: white; } .td-block-span6 { text-align: center; width: 350px; }
And you will have to make some modifications in PHP too following this path: legacy/common/wp_booster/td_module_single_base.php ( I have used Notepad++ to edit it )
and change the codes at the line: 929 ; 930 and 940 ; 941 like in here: https://www.screencast.com/t/AEgFOTDC
Thank you !
Hello !
For Big grid flex please try this css: .td-big-grid-flex .td-thumb-css {
border-radius: 15px;
}
Thank you !
Thanks for your reply Calin but it seems that you didn’t see my second message: the theme color applies instead of the one I chose (talking about the main color, not the hover one). What’s the problem? Can you help me fixing it?
Moreover, do I have to paste your CSS code on both Custom Code (desktop) and Mobile in the Theme Panel or just in the desktop field?
Thanks
Hello !
You can try this CSS code: img {
border-radius: 15px;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Let me know if this was helpfull !
Thank you !
Hi,
Unfortunately the hover color can be change only with custom css, here is an example -> http://prntscr.com/p0otbk
.td_round_btn:hover {
background-color: #e34!important;
}
feel free to change the color.
Also you can change the background color of button by selecting the button text -> Please make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv Composer, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again. and the color of text http://prntscr.com/p0p1ie -> http://prntscr.com/p0p212
Thank you!
Hello !
That can be done with some css. Please provide a link to you website so we can inspect and see what can be done.
Thank you!
Hello !
You can try this CSS: .td-pb-span4 .wpb_wrapper, .td-ss-main-sidebar {
border-left: 5px solid red;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Let me know if this was helpfull !
Thank you !
Hi,
Unfortunately for the moment the changes in the light-box can be done only using custom css
https://www.screencast.com/t/h802SXyqIf
.mfp-figure:before{
background:none;
}
The css need to be set in theme panel> Custom code>Custom css
Thank you!
