Search Results for 'css'

Hi,

1. The slider is a complex element and it would not be easy to change the way it is designed – https://demo.tagdiv.com/newspaper/ios-slider/ If you want to make these modifications you would have to take in account multiple elements and classes.

2. The theme can be renamed just by changing it’s name in the style.css file and the theme folder.

3. You could do a search and replace in the demo’s stylesheet file – https://www.screencast.com/t/3LbDTtmt

Thanks

Hello SavvyZen,

Unfortunately, our theme does not have any such an option that allows you to change the fonts only for mobile devices, sorry! This task can be done using a bit of CSS with media queries. So, if you will have more assistance in this regard, please provide your website URL so I can inspect it closer and also, so I will be able to provide a more accurate response/code.

Thanks for the message!

A css code is added in the theme panel-> custom css box like so: https://www.screencast.com/t/PoqqdHXeql

Thank you!

Hi,

1. That should not happen since the custom color change made through the theme panel – https://www.screencast.com/t/3VaaynWKsGF overrides the default one – https://www.screencast.com/t/Ehs23Ot7OeDG Try clearing your cache after you make then change to the menu. I can not view the attached link – https://www.screencast.com/t/A4p04T3dr

2. The color set for the category tags is for the post pages – https://www.screencast.com/t/JpYmujN0 If you want to change it on modules you can use some css – https://www.screencast.com/t/IuWRbfIuHBDG
Here is a link to the browser inspector tool to help you identify the elements on the page and their classes and create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Salut,

Am precizat mai sus ce presupune acel cod custom si ce efecte are in privinta imaginii din logo. Codul respectiv trebuie introdus in fisierul style.css al temei pentru a fi incarcat simultan cu restul stylesheet-ului – https://www.screencast.com/t/bjKuiHUx0bAM Ar fi recomandat si un clear la cache si un purge la cdn, daca este folosit.
Momentan nu vad acest cod incarcat pe logo – https://www.screencast.com/t/lTD77ueafSZ4

Multumesc

Salut Incrosnatu,

Ti-am verificat site-ul pe Google Pagespeed si se pare ca nu prea este optimizat mai deloc, dupa cum se poate observa in rezultatele de la Google, aici -> https://www.screencast.com/t/xckds10A1rzL. Ai consultat ghid-ul nostru despre cum sa iti optimizezi website-ul? Daca vrei sa obti un scor mare in viteza site-ului tau, trebuie sa lucrezi putin la acest aspect deoarece este un lucru delicat ce necesita unele customizari. Din test reiese faptul ca imaginile tale nu sunt optimizate, trebuie sa elimini render-blocking JavaScript si CSS si multe altele care sunt foarte bine explicate in ghid-ul nostru de optimizare aici -> https://forum.tagdiv.com/how-to-make-the-site-faster/ Te rog sa citesti cu atentie toate etapele care sunt prezentate acolo si sa le si aplici pe site-ul tau daca vrei sa obti rezultate bune cu tema noastra. De asemenea, am observat ca folosesti un plugin de mimificare, dupa cum se poate vedea si aici -> https://www.screencast.com/t/jT88f0hMVL care este un plugin netestat cu tema si care s-ar putea sa nu functioneze corespunzator cu ea. Foloseste Speed Booster, pe care daca il vei activa, tema va folosi varianta mimificata de catre noi pentru JavaScript iar pentru CSS va trebui sa o mimifici tu manual cu un tool ce are aceeasta functionalitate.
Te rog sa observi ca aceste customizari de optimizare nu depind de tema si nu sunt acoperite de catre suportul nostru, imi pare rau! Trebuie sa le faci singur si sa incerci sa urmezi toti pasii pe care i-am prezentat in documnetatia noastra. Stiu ca aceste customizari nu sunt simple si necesita ceva studiu si munca in plus in aceasta privinta. Dupa cum se poate observa, acest tutorial este explusiv pentru utilizatorii avansati in acest domeniu. Daca crezi ca nu te descurci in aceasta privinta, va trebui sa angajezi un freelancer/developer care sa te ajute cu aceste customizari suplimentare!

Multumesc pentru intelegere!

Hello Pedro,

If you want to make these changes, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.widget_search .td-search-form-widget .wpb_button:hover {
background-color:green!important;
}
.widget_search .td-search-form-widget .wpb_button {
background-color: red!important;
color:pink!important;
}
.widget_categories .widgettitle{
background-color:blue!important;
color:pink!important;
}

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

Notice that you can change the values of color and background-color as you wish.

Thanks for your understanding!

Hi,

1. If you mean the category tag color in post page, you can set or change it like this – https://www.screencast.com/t/XQIrIWecyr2X – https://www.screencast.com/t/KuyODyGNyL If you mean the category tag displayed on modules use this code

.td-post-category {
background-color: white;
color: black;
}
.td-post-category:hover {
color: white;
}

2. The read more inherits the background color from the theme accent, so if you want to change it just for the read more buttons you could do it with css

.td-read-more a {
background-color: white;
color: black;
}
.td-read-more a:hover {
color: white;
}

Result – https://www.screencast.com/t/bZ2aYYbZGh
Thanks

Hi,

The code is good but it is not strong enough to apply, in order to override the default style you must enter the code like this – https://www.screencast.com/t/RDm7dbMq or just use the !important css rule to force the code to apply regardless.

Thanks

Hello IgorM71,

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

The code is ->

input[type="submit"] {
background-color:green!important;
}

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

4)Provide your website, so I can take a closer look and also, so I can provide a more accurate response.
Regarding on translation, please notice that our Theme panel is custom made and if ou wants to translate it you should edit the theme core files.

So, if you want to display more levels in our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for the message!

Hello,
You can add the second code in the same css box as the first one.
Thank you!

Hi,

You can change blocks/widgets title font properties like this – https://www.screencast.com/t/0LggeZn005 and for the default widgets here – https://www.screencast.com/t/Muqtzeh0RKc If you want to change the author bio font – https://www.screencast.com/t/wuepgN7bh you could change it with some css – https://www.screencast.com/t/DlLSWrbQ2lrg with this code, just enter it in Theme panel->Custom Css

.author-box-wrap {
font-weight: 800;
}

Thanks

Hello,

1) We did not add any extra controls to remove the login on the responsive version because usually people who require a login require it both on mobile and desktop. Th login can be removed for both from the header section: https://www.screencast.com/t/Hlj9LTNui
If you want to remove the login for mobile devices only you can add this code in the theme panel-> custom css box.

@media(max-width:767px){
.td-menu-login-section{
display:none!important;
}}

2) You can use this code to remove the page numbers:

.page-nav .pages{
display:none!important;;
}

Thank you!

• This reply was modified 9 years by Bogdan B..
• This reply was modified 9 years by Bogdan B..

Hello Jaredt,

1)I have inspected your logo and I saw that the white border is part of your logo and if you want to get rid of it, you should edit your logo in Photoshop or any other tool and simply erase it, like this -> https://www.screencast.com/t/8LSANle5BR1t
2)If you want to change the color of your Block Title from footer section, you should using the code below and place it in Theme panel->Custom CSS area.

.td-footer-wrapper .td-pulldown-size{
color:red!important;
}

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

Thanks for the message!

Hi,

You can identify the elements on the page and their classes using the browser inspector tool – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ – https://www.screencast.com/t/ww9bYyf5
So you would need to use a code like this to change the color – https://www.screencast.com/t/w0FgidIa just enter it in Theme panel->Custom Css

.td-author-page a {
color: grey;
}

You could add a line break <br> in the link itself – https://www.screencast.com/t/X4VCKxWkYS

Thanks

Hello,

The video button is easier to remove than move to another area so you cna add this code in the theme panel-> custom css box:
.td-video-play-ico > img{
display:none!important;
}

Thank you!

Hello,
On mobile devices you cannot change the font sizes from the theme panel. You will need a css code to do it.
if you are referring to the post title on post pages, you will have to use this code:
@media (max-width: 767px){
.td-post-title .entry-title{
font-size:25px!important;
}}
If you are referring to the post titles that appear on pages or categories then you need this code to change them:

@media (max-width: 767px){
.td-module-title{
font-size:15px!important
}}

Thank you!