Search Results for 'css'

Results from the Forum
simchris
tagDiv Member

Make sure you change the “name” of the theme in the style.css file, which will also appear in the appearance > themes panel. Basically you might do:

a) change theme folder /Newspaper/ >> /mysitename/ (be sure not to name same as a category or post!)
b) in your style.css, change the “name” of the theme (which populates the appearance data)

(might have to ‘reselect’ the new theme name in appearance > settings — might delete some settings, be sure to backup!!)

c) use something like mod_pagespeed or other system which removes all “comments” from HTML (plugin, CDN, etc.)
d) view page source in text editor, do search for old theme name
e) clear all caching on server/CDN, browser, if not done so already

That would change the “basic” name of the theme in the HTML to your new theme name.

Again, this won’t change the name of modules, plugins (e.g., speedbooster, td social plugin, etc.), or CSS elements with “td_classname” …

However it would fix things like

/wp-content/themes/mynewname/style.css

to show /mynewname/ in place of orig theme name.

  • This reply was modified 10 years by simchris.
George
tagDiv Member

Hi Bogdan,

I turned off WP Rocket plugin and things turned normal in case of Menu bar.

https://forum.tagdiv.com/topic/mobile-menu-not-working-properly/

But the issue Main Post Hover Turning white is still seen even after using custom css.

Please advice.

Thanks!

simchris
tagDiv Member

WordPress allows you to rename the theme folder, and you can rename theme in CSS but to hide the “td” classes you’d have to rename them and edit all the modules, includes, functions, templates to remove them.

You might google how to change the WordPress theme folder as this is pretty common knowledge.

I do that for our sites to change the name for our network, such as /themes/ournetwork/

Kortris
Participant
#0

hellow,

please let me know if there is any way i can hide from the css them name of the theme.

Thank you

Bogdan B.
tagDiv Staff

Hello,

There is no option in the theme panel for that, but you can remove them with custom CSS:

.td-classic-sharing{
display:none;
}

Or from the core files:
http://screencast.com/t/5WMy2up3k

Thank you!

Bogdan B.
tagDiv Staff

Hello,

Unfortunately, there is no option to change the URL of the featured image.
You can disable the link with custom CSS though:

.td-post-featured-image{
pointer-events: none;
cursor: default;
}

Thank you!

Andrei L.
tagDiv Member

Hi

The theme was designed to display a single background ad for all pages/posts. Changing that functionality involve lots of customization in theme’s core files and I cannot provide a quick solution right now. If you need this my advice is to look for a developer from sites like http://studio.envato.com/ to do it for you as unfortunately we cannot offer any type of custom work at this moment as we work hard on the development, updates, fixes and support.

Regarding the second problem if you want to display a different background image depending on the screen’s width you can use media queries like here:

@media (max-width: 1366px){
.backstretch:after{
content: '';
width: 100%;
height: 100%;
position: absolute;
background-image: url("your image url");
z-index: 0;
background-size: 100% 100%;
top: 0;
}
}

This code will switch the background image set from theme settings with a custom image for devices with a screen smaller then 1366px. This css must be added in theme panel > custom css.

Hope this help.
Thanks!

Bogdan B.
tagDiv Staff

Hello,
CSS is very specific and a code you find in our forums will not work anymore if modification to css were already applied. In your case, this code should fix things up.

@media (max-width: 767px){
.td-header-top-menu-full{
display: table!important;
background-color:#222!important;}
.td-header-sp-top-widget{
display: none!important;}
.td-header-sp-top-menu{
float: none!important;
display: table !important;}
.td_data_time{
display:none!important;}
.td-header-style-8 .td-header-top-menu{
padding:2px 0!important;}
.top-header-menu li{
margin-left:-280px}
.td-header-top-menu a{
color:white!important;}
.td-header-top-menu{
background-color:#222!important;
}}

result: http://screencast.com/t/NYJKcOIFW1
Thanks.

Le Claqueur de Doigts
tagDiv Member

Hi again !

Just a little add to this post.

In order for the subfooter content and the subfooter menu not to conflict ( text stacking on two rows ), I added this little code in the Theme Panel > Custom Css :

.td-sub-footer-container .td-sub-footer-menu {
width: 50%;
margin-right: 0px !important
}
.td-sub-footer-container .td-sub-footer-copy {
width: 50%;
margin-left: 0px !important
}

Hope this helps !

e247magazine
tagDiv Member

“If you want only to make it smaller it is possible using custom css, and also it can be hidden on specific screen device.”

I would not mind the above though i actually want it to show, then after a set time, eg: 7 seconds, it slides back in. And if someone has done that before, please post the code so i can use it.

Best regards.

Bogdan B.
tagDiv Staff

Hello George,
Normally, the hover color is changed by the theme accent color: http://screencast.com/t/jc82UIBJ
But in your case there seems to be a problem. I checked your console and you seem to have a few errors:
http://screencast.com/t/M9W1Xq0T512
You can also target it with custom css if you want:

.td_uid_7_56164811b1c2d_rand .td_module_wrap:hover .entry-title a{
color:#f79521!important;
}

I hope this helps!

Andrei L.
tagDiv Member

Hi

That text: http://screencast.com/t/dkv2tfopYKkn comes from Facebook Comment plugin and unfortunately doesn’t have a specific css class so I can hide it: http://screencast.com/t/TRMNtfhQBz4 You will need to edit the plugin files to remove that text.

Thanks!

unplug.tips
tagDiv Member

Just thought I would share my site and a few observations on what I’ve changed that make the biggest difference to the look of the thing.

https://unplug.tips/

The biggest thing that I find has the most impact on this theme is the font, it’s well worth getting your font’s in order, it makes a huge difference and the standard theme font is so ugly it’s untrue (sorry tagdiv)

Second biggest thing is sectioning off areas of the homepage to only show selected content, hiding little content gems for your visitor to find that don’t appear anywhere else, in the big grid or in the top menu 🙂 adding different backgrounds to differentiate content areas and using the carousel to split the sidebars, I hate seeing sites with the sidebar unbroken, all down one side. WordPressy springs to mind.

I’ve dumped the footer, man I hate wordpress footers

I also hate the wordpress blog roll below the VC content area, I’ve sectioned this off to only show posts from 1 category and made that a kind of stand out area for interesting articles from around the web, I’ve not decided on exactly if it will stay like this but I hate the “latest news” type content areas especially when you have each different content element displaying the latest article anyway. Separate everything and you wont need to use the unique articles setting which breaks my site anyway

Some of the less relevant categories have been omitted from appearing in the big grid to try and preserve the websites core message, I just found that having every category appear randomly as they were posted sometimes confused the thrust of the sites message which is travel on a budget, unplug, escape the rat race and that sort of a vibe. I try to alternate the posts so the big grid doesn’t get filled with one type of post but that’s not easy when you can only think of one thing to write about lol

My other pages haven’t really been thought out properly yet, I’m going to leave that until I have more content on the site, as it fills up I will split the top level pages into more categories to make it easier to navigate.

Looks like I’ve got a lot more work to do on writing articles and UX, I’d love to get some customisation of the CSS to change the look on some of the buttons and stuff but that’s something i’m not gonna mess with yet, it’s been hard enough getting to this point……….

Just need some visitors now lol

Cheers

giantastic
Participant
#0

Is there a shortcode to be put in custom CSS to lower the header, adding a transparent gap above it?
I’d like to use ads in background. Is it possible to make the background to link to a page?

tagdiv-da-beast
Participant
#0

Hello,

I tried changing this CSS from the original CSS:

.td-post-template-1 .td-post-header .entry-title {
font-size: 20px;
line-height: 30px;

}

to this:

.td-post-template-1 .td-post-header .entry-title {
font-size: 16px;
line-height: 22px;

}

and pasted into Advanced CSS field for PHONES 0 – 767px, but the change is not taking effect.

Am I doing something wrong?

Thanks for the great support.

#0

hi, i did look in to the forum and try out all the code about showing the login on mobile device, but still cant get it to work, i do understand the code have to put in under theme panel> custum CSS and the code is


@media
(max-width: 767px){
.td-header-top-menu {
display: block!important;
}
}

@media
(max-width: 767px){
.td-header-sp-top-menu{
left: 15px!important;}
}

@media
(max-width: 767px){
.td-header-sp-top-menu .td_data_time{
display: none;
}
}

but it still didn’t work, the website address i am working on is http://www.scooptw.acsite.org/

can you plz help me out
thank you

Bogdan B.
tagDiv Staff

Hello,

It actualy depends on what icons you created. Our theme uses glyph’s (font icons) for its menu icons:
http://screencast.com/t/W6V493fR
If you create a vector graphic for example you can use it as shown here:
https://css-tricks.com/using-svg/
You can find more tutorials on how to use icons here: http://alwaystwisted.com/articles/2012-05-12-create-a-pure-css-menu-button

Please show an example of what icon type you plan on implementing.
Thanks.

Alin [tagDiv]
tagDiv Staff

Hi,

You can set the date format(add also time) from the WP Settings – http://screencast.com/t/mmBEBVIWB7pk and use custom css to color date – http://screencast.com/t/c0Cd3VVvp You cannot target only the time.
Also if you want to have there only the time you could use get_the_time function instead of get_datehttps://codex.wordpress.org/Function_Reference/get_the_time

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

You have a background color to a container, you could remove it via custom css in Theme Panel > Custom Csshttp://screencast.com/t/gtuwlbGoai

.thrv_wrapper .tve_js_placeholder {
background-color: transparent !important;
}

Hope this helps!

Alin [tagDiv]
tagDiv Staff

Hi,

You can add a background image to a row and stretch it – http://screencast.com/t/eXbpEs4O then you can play with the design option – css box – http://screencast.com/t/47x0TU2Yb and also for the bellow row(in demo block 5 row) – http://screencast.com/t/fleFsRa7f add negative top margin for example.
On our demo we use some extra classes to those row and we have added css code in style.css. So you could use the demo classes if you want:
*for background row td-travel-headerhttp://screencast.com/t/fUvEoIMwjXY
*for block row td-travel-featureshttp://screencast.com/t/oDcj0EY0

You can find the css in style.css file just search after those classes – http://screencast.com/t/t6ln5rgUpxx8http://screencast.com/t/eJN8kUOQVu

Hope this helps!

Alin [tagDiv]
tagDiv Staff

Hi,

Please provide a link so I can inspect this, also you can check this without any plugins active except of Visual Composer, clear cache and see if the issue is still there. Also you could remove the custom css maybe you have a code that affect this.

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

The loading animation use javascript here you can find the code if you want to change it – http://screencast.com/t/E6LvsTybHhttp://screencast.com/t/df4mUAJ6z
Also you can hide it via custom css in Theme Panel > Custom Csshttp://screencast.com/t/a5NYe5XCi1pV

.td-loader-gif {
display: none;
}

Thanks!

Andrei L.
tagDiv Member

Hi


@Bluehacks
the above css works well only for that specific case, so please provide your site url such that I can provide a more better solution.

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

As you can see on our demo no tagdiv blocks have this effect and you will need custom modifications for this, with a specific css for each module. Just the Big Grid blocks have a zoom effect.
You have to add this for each module with specific width and height(thumb size) and it is not so easy if you don’t have html/css experience. I provide an example how this works for module 10 – http://screencast.com/t/Gewgic8X5
Just paste this custom css in Theme Panel > Custom Css and check module 10(on a category for example or block 11):

.td_module_10:hover .td-module-thumb a:after {
content: '';
width: 218px;
height: 150px;
background-image: url("http://www.be-street.com/wp-content/themes/bestreet4/img/hover-full.png")!important;
background-size: 218px 150px;
display: block;
position: absolute;
z-index: 100;
top: 0;
}

2. The share buttons are available only on post pages and not for blocks/modules – http://screencast.com/t/9dZrSZfZYzehttp://screencast.com/t/m7Rnxg3bQYK

Thanks!

t2e
tagDiv Member

Thanks for your responce.
I have modefied the:
td_module_trending_now.php file
and added the custom CSS to Theme Panel > Custom Css

The result is fine, but I am still not getting the hour the news was released.

I need it to be something like this:

—————————————————————————————————————-
How To Use Basic Design Principles To Decorate Your Home October 5, 2015 2pm
—————————————————————————————————————-

I want also to have the hour in which the news was released. the 2pm should be bold and with a color red.
Making the hour of the release stand out.

Please help.

Thanks.

t2e

  • This reply was modified 10 years by t2e.
Viewing 25 results - 26,376 through 26,400 (of 33,436 total)