Search Results for 'css'

Results from the Forum
John Kord
Participant
#0

Hi!
There are some questions about design of the template.
1) How can I make (by css?) the author’s picture as circle (not square avatar) everywhere?
2) May I make the headers color as gradient everywhere?

John Kord
Participant
#0

Hi!

There is my website: http://forthweekend.ru/

On the main page I have the white zone with the “main” news.

What css or other could I used to make the headers if this “main “news not white, but – black

I used
.td-block-span4 h3 > a {
color: black;
}

but it make all over the web site black headers and in the footer too

Simion C.
tagDiv Staff

That function is used in the post template files – http://prntscr.com/of8epj
You could remove it from the single template files – http://prntscr.com/of8gvt
Also lower in the template files – http://prntscr.com/of8h75
So removing this code from the template files should not load them anymore. You could try it like that.

The booster could cause problems when some resources are moved, maybe the CSS that hides the desktop logo on mobile is not applying anymore, so both logos are visible. Try removing what you moved in the booster one at a time, while checking when or if the issue is solved.

Maybe I misunderstood what exactly you want to remove (hentry) please mention with more details what is is you want to remove exactly. Let me know.

Simion C.
tagDiv Staff

Hi,

Could be some kind of CSS issue, I could take a look at it. I tried this website but it’s not working at the moment – http://prntscr.com/of874z
Let me know when or where I can see the issue happening.

Thanks

Vlad S
tagDiv Staff

Hello !

The white spacing issue seems to be very strange, on mobile emulators works fine everywhere, on mobile devices it shows the white space. Please contact us via email at contact@tagdiv.com and provide admin login, as well as cPanel or FTP if possible. We will take a look. Include a link to this topic in the email.

I’m sorry, here is the CSS to bold out the last updated text:

.last-updated {
font-weight: bold;
}

I hope this was more helpfull !

Thank you !

constantin
tagDiv Member

Salut, daca comentez codul ca aici https://prnt.sc/ocxnaw, se afiseaza o pagina goala. Practic functia aia cu item scope e chemata altundeva, si da eroare in php.
Daca adaug in speed boster toate js-urile si css-urile din tema in footer, imi incarca logo-ul din header(desktop) inclusiv pe mobil, si apare dublat.
hentry, din varii motive, tot nu pot sa-l elimin ca structured data.

Vlad S
tagDiv Staff

Hello !

You can try this css: .td-social-list .td_social_info{
display: none;
}

.td-social-style3 .td_social_type a {
display:none;
}

This should be pasted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Vlad S
tagDiv Staff

Hello !

That can be achieved using a custom CSS code. Pleae provide a link to your website and point out what accent colors you want us to modify and we will gladly help !

Thank you !

Calin
tagDiv Staff

Hi,

I think that this can be achieve, but I do not know if this will work properly, please provide me a a link were I can inspect a category page from your website, in this way I will be able to provide you a custom css.

Thank you for your understanding!

Simion C.
tagDiv Staff

Hi,

Depends on what the child theme contains. If you have custom CSS in it’s stylesheet you could move it in the theme panel dedicated CSS section. If you have code in it’s functions file, you could move it in the main theme functions for the time being.
In the next theme update the issue with the child theme will be fixed, also we will add more capabilities for it. So you can activate it then if needed.

I tried to translate the footer page with polylang, I created a page in two languages, but I can’t seem to find a way to change the ID of the page when the language is changed. I believe the string must somehow be added first, polylang doesn’t seem to find theme strings as WPML does automatically.

tavara
Participant
#0

I want to enable Whatsapp sharing button on desktop. CSS should not be a problem, but the link starts with whatsapp://send?text=H, I’d like to override it to https://wa.me/?text= in a child theme.

May I know why the theme is not using the latest form of the link?

carlmadsen
tagDiv Member

The answer is posted, just scroll down to July 12th, 2019. You need to update your CSS code.

https://forum.tagdiv.com/topic/menu-does-not-expand-on-mobile/#post-304882

thenickth
tagDiv Member

Thanks for your quick respond. I use third party one not Tagdiv newsletter but it does look similar. Could you please help me with custom css to fix this?

Thank you.

garyjones
Participant
#0

Hi,

I have a page on which is placed a number of Block 9 Elements, where all use the Block Header 4 template, and the content of each element is filtered by two categories.

I’m trying to create the functionality where a user clicks on the Block Header 4 tab and is taken to a sub category page where the displayed content is filtered according to the rules applied to the original Element.

Obviously I can create multiple sub-category pages and assign a unique URL to each block header on the initial page but this is clunky and in elegant.

I may just be dumb and have not yet found the setting that allows me to do this. If this is not the case do you have any suggestions how this can be achieved, either via CSS or PHP or some other way.

Thanks.

G

zackariyyaalli
tagDiv Member

Hi, I’m using a cloud template so I don’t have access to the category settings. See image: https://imgur.com/a/zuMkXDw

Maybe there is a CSS code I can use?

Simion C.
tagDiv Staff

I thought a child theme is active – https://www.digitalbusiness.africa/wp-content/themes/Newspaper-child/style.css?ver=9.7.3
I could be wrong however, since the post templates seem to be applying properly.

Did you try the footer page suggestions that I mentioned above? I see that the footer page is still not changing per language. It should be possible with the polylang string translation, I didn’t make tests with this plugin unfortunately.

Simion C.
tagDiv Staff

So something like this – http://prntscr.com/oe4js7 and on sticky
http://prntscr.com/oe4k1e
If that is what you want, this could should do it

.single .td-header-style-10 .td-header-menu-wrap-full,
.single .td-header-style-10 .td-header-menu-wrap.td-affix {
max-width: 1128px;
}

Enter it in the theme panel custom CSS section. It will apply to single post pages only. I could modify it if needed. Let me know how exactly.

GIS-Netzwerk
tagDiv Member

Hi!
thank your for your fast response.
Got it thank you!
First i wasn’t sure if it has be done with some CSS but apparently you just have to use “text-padding” in text-editor in case anybody else is wondering

Vlad S
tagDiv Staff

Hello !

We are sorry for the inconvenience !

This is a bug and we are sorry for that. As a quick fix you can use this css code to display those arrow that will show the sub-categories:

#td-mobile-nav,
.td-menu-background {
visibility: visible;
}

.td-mobile-content .td-icon-menu-right {
display: inline-block;
}

The result will be this: https://www.screencast.com/t/n6bOnmAfi1jg

And you have to paste the code here: https://www.screencast.com/t/J1Nxw5s5

I hope this was helpfull !

Thank you !

Vlad S
tagDiv Staff

Hello !

I’m sorry, this is my fault ! You will have to paste the code in here: https://www.screencast.com/t/IVnj20KPino

Also please activate the code in functions ( I can’t make it work on my side ) and I will provide you a custom css in order to make it dissapear from the homepage and remain only in posts.

Thank you !

Vlad S
tagDiv Staff

Hello !

Here are the codes: https://www.screencast.com/t/NjjUkmPbEYj

.td-post-category {
background-color: blue;
}

.td-grid-style-1 .td-post-category {
background-color: red;
}

.td-category-header .td-pulldown-filter-display-option {
background-color: green;
}

.td-category-header .td-pulldown-filter-list {
background-color:green; j
}

I’m sorry I cannot find tags on our demo, please provide us a link to your website so I can see and provide a good css code.

Thank you !

bssl
tagDiv Member

Hello @jbaldera,

You should insert this code on your functions.php on your child template:

add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’, 11);
function theme_enqueue_styles() {
wp_enqueue_style(‘td-theme’, get_template_directory_uri() . ‘/style.css’, ”, TD_THEME_VERSION, ‘all’ );
wp_enqueue_style(‘td-theme-child’, get_stylesheet_directory_uri() . ‘/style.css’, array(‘td-theme’), TD_THEME_VERSION . ‘c’, ‘all’ );

Catalin
tagDiv Staff

Hi,

I have checked your header section and I manage to fix your search icon using a bit of CSS code, like below:

.td-header-desktop-wrap .tdb_header_menu:nth-child(3){
display:inline-block;
margin-bottom:48px;
}

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

Another alternative would be to edit your header template and set up the header like this -> https://www.screencast.com/t/WquIVIMrs

Hope this helps!

Thank you!

Simion C.
tagDiv Staff

You can use the mobile theme only for AMP, the rest of the visitors will see the responsive version. All you have to do is select this option – http://prntscr.com/ody1jx
Then only the AMP pages will use the mobile theme.

If you want to keep using the mobile theme for AMP and the rest of the website, the code to remove the categories in the mobile category pages is this one
http://prntscr.com/ody3fb
Enter it in the Theme panel->Mobile theme->Custom CSS section

.category .td-category-siblings {
display: none;
}

Let me know if you have more questions.

brigitte
tagDiv Member

I see, you have any css code for me to disable this?

Viewing 25 results - 9,576 through 9,600 (of 33,436 total)