Search Results for 'css'

Results from the Forum
timventura
Participant
#0

I’d like to make the dropdown links in the dark menu a different color than the post-category links.

You can see it in action at: https://harrisrealestatecoaching.com (our demo build site)

My CSS (in custom code section):
.nav-orange a.sf-with-ul {color: #51BE54 !important;}
.nav-orange a.sf-with-ul:hover {color: #fff !important;}
.nav-blue a {color: #4db2ec !important;}
.nav-blue a:hover {color: #fff !important;}

The PROBLEM is that I need the active link, with the blue background, to stay WHITE, but it goes back to the original color when hover focus is lost. You can test it by clicking on the category link on our site – you’ll immediately see the bug…

Is there a good way to solve this? If there isn’t, can you tell me how to change the active background from being completely blue to being a border underneath the link?

Larshell
tagDiv Member

Hi,

Any way to remove the search icon without css (just removing it in the theme files)?

I already removed the “td-search-wrappoer” code in header-menu.php.

This used to work for another page I had but now the search icon is still there in the top menu. What am I misisng?

Kind regards
Lars

simchris
tagDiv Member

Note it depends on the font; some fonts are “normal” at 400 and don’t have a 300 version. Some fonts are “too thin” on all devices (ever notice those sites with headlines where on mobile you can barely read them for being too thin at 300 weight?).

Ideally you should disable all fonts setup with theme and instead build your own custom font stack to use in your style.css and load from your footer.php file — yes, you need to update this each time the theme updates.

Probably not best advice; but most poeple won’t want to load the 300 weight to bog down their website loading if not using it.

Just some feedback; might not help in any way 🙂

Gaurav
tagDiv Member

Dear Catalin,

I understood the post above. I just don’t understand where to paste the CSS code? Can you please explain me in detail, where should I past it exactly?

Gaurav

Andrei L.
tagDiv Member

Hi

The height value breaks the news ticker on mobile devices. Use this css to correct it or remove the fixed height:

@media(max-width: 768px){
.td-trending-now-wrapper{
height: auto!important;
}
]

Thanks!

Andrei L.
tagDiv Member

HI

Try this css in theme panel > custom code > custom css:

.page-id-22 .td-pb-row .td-pb-span4:nth-of-type(3):after{
background-color: #ffffff;
}
.page-id-22 .td-pb-row [class*="td-pb-span"] {
border-color: white!important;
}

Thanks!

Afterglow
Participant
#0

Hello,

For my site http://pavlikeni.com, the latest news ticker under the main menu does not work on mobile devices after I added yellow colour to background.

It works fine on desktops and laptops.

The code I added to the Custom CSS is:

.td-trending-now-wrapper {
background-color: #FFFF00;
height: 19px;
}

Please advise.

Thanks,
Peter

Bogdan B.
tagDiv Staff

Ok,

If you do not know your way around coding then even if I provide the exact code you will probably have a hard time implementing it correctly so maybe a css approach is more reliable in this case.

Add this code in the theme panel->custom css box:

.td-module-meta-info .td-post-author-name{
pointer-events:none;
}

That should do it

Thank you!

Catalin
tagDiv Staff

Hello Mayapur Voice,

You can try using the following CSS code to hide the author name, like this ->

.td-post-author-name {
display: none;
}

Also, please notice that you can try the theme panel settings from here -> http://screencast.com/t/ETfn43c2IsR and from here -> http://screencast.com/t/MjLcsyy0XaTZ

Thanks.

Bogdan B.
tagDiv Staff

Hello,

Unfortunately css cannot do this. Css can show or hide something that is already added in html, but it cannot add content. If you want to add an image on pages you have to add it in visual composer: http://screencast.com/t/b1AMgikyu or in the standard mce editor.

Thank you!

Bogdan B.
tagDiv Staff

Hi,

You can add a css rule to center images, but css does not know how to target a specific time period. The css also depends on what alignment you have already set to your images but I will not be able to provide a solution for images based on a specific time period. Sorry.

Thanks

Catalin
tagDiv Staff

Hi,

You will have to use a bit of CSS code and place it in Theme panel->Custom CSS area.

The code is ->

a {
text-decoration:underline;
}

The result -> http://screencast.com/t/aneEv0jYY

Thanks.

Catalin
tagDiv Staff

Hello robedu,

The most simple way achieve the similar layout is to import that demo and install it on your website. Please notice that each demo has an own CSS which load only if it will be imported and installed to your side. If you will follow this steps, please notice that you will bring the exact layout which looks similar to our demo.
If is not what you mean, please provide more details about what you want to achieve. You can provide some useful screenshots so we can understand what you want to do.

Thanks for the message!

Bogdan B.
tagDiv Staff

Hello,

The hover color is affected by the general theme accent color you set in the theme panel. As for the main color please use this css:
.td-big-grid-meta .td-post-category, .td-module-image .td-post-category{
background-color:red;
}

Thank you!

Catalin
tagDiv Staff

Hello joncreek,

If you want to set a different image for your each page, please notice that you will have to use a bit of CSS for this. Try the code below and for each page, you will replace the page ID, like this ->

.page-id-1191 .td-banner-wrap-full{
background-image: url(http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/05/login-mod.jpg);
background-size:100% 100%;
background-repeat: no-repeat;
}

The result you should see here -> http://screencast.com/t/e2IrwNtB7kT6

This is a basic example which you should follow if you want to bring that changes. You will have to implement it yourself and check the results. If you are not aware of the further 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!

Andrei L.
tagDiv Member

Hi

Use this css: http://screencast.com/t/BPKx2Hrtbp2g

@media(max-width: 768px){
.td-header-sp-rec,
.td-header-style-1 .td-header-row {
width: 100%!important;
}
.td-main-menu-logo img{
width: 75%;
}
}

Thanks!

Andrei L.
tagDiv Member

Hi

That delay is caused because the custom css from theme panel is loaded after theme’s main css. This is not an issue from the theme, we decided that way becasue the css is applied in cascade and the last code loaded makes the final layout is more precis the the previews code.
The “fix” would be to paste the custom css directly in style.css file: http://screencast.com/t/LPC0LV5h

Thanks!

Catalin
tagDiv Staff

Hello Rovara,

Please try the code below and place it in Theme panel->Custom CSS area. Also, you can use the !important tag to give a higher priority of your code.

.woocommerce .product a.button:hover, .single-product .product .summary .cart .button:hover{
background-color:pink!important;
}

The result you should see here -> http://screencast.com/t/OuDsgFvlTV

Thanks for the message!

Catalin
tagDiv Staff

Hello replay35,

For more information about you can use the Visual Composer, please check our documentation here -> https://forum.tagdiv.com/how-to-use-visual-composer/ Also, after you make your button you can use a bit of CSS code and customize it by your desired. If you need more assistance in this regard, you can provide a link so I can inspect it closer and so I provide an example for a code which you should use in this regard.

Thanks for your understanding!

Andrei L.
tagDiv Member

Hi

yes indeed I meant that you can use the above css, sorry for that mistake.
In addition you need to include the header container so try this code, it should work fine:

#td-outer-wrap {
pointer-events: none;
}
.td-header-container,
.td-container{
pointer-events: auto;
}

Thanks!

Ladiesabroad
tagDiv Member

Hi

Is it possible to do a CSS change making the featured image visable on pages as well?

Thanks.

Ladiesabroad
tagDiv Member

Hi

Is it possible to do a CSS change forcing all pictures to be centered in posts published before 05-12-15?

Thanks.

iamkingsleyf
Participant
#0

Hello;

Kinda need help with a little CSS modification.

I need to underline links by default instead of on hover only

Thanks

Afterglow
Participant
#0

Hello,

For my site http://pavlikeni.com, I had asked one of your associates to help me stretch it across the entire page as it currently is. While it looks OK on desktop, laptop and notepad devices, there is a problem on mobile devices – smart phones.

The problem is that the header logo and the header ad both do NOT center on the screen of the smart phone.

Could you please look into the custom CSS code you provided in the past and offer a solution?

Thanks,
Peter

Afterglow
Participant
#0

Hello,

For my site http://pavlikeni.com, I have logo and ad sizes that are different than the ones you have set in the template. I assume other clients of yours are in the same situation.

Every time you release an update I have to make sure the custom CSS code can offset your preset sizes for the logo and the ad in the header.

If you load my site, you will see that my logo and ad first appear the way you have set their sizes to be and after a split second they resize to the custom size I have specified in the custom CSS area.

I think it would be great if you include more userfriendly way of managing the issue. I bet not all of your clients are programmers, who can take care of things on their own.

Can you please comment on this (especially the resizing upon loading my page) and plan to fix for your next release?

Thanks,
Peter

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