Search Results for 'css'

Results from the Forum
Calin
tagDiv Staff

Hi,

This custom css
.single-page .td-page-content a:link {color: #0066cc;}
.single-page .td-page-content a:visited {color: #800080;}

is will target only the single articles (the posts), will not work on pages, for pages you need to use this custom css -> https://i.imgur.com/wURqZYj.png
.page .td-page-content a:link {color: #0066cc;}
.page .td-page-content a:visited {color: #800080;}

Hope this will help you!
Thank you!

Vlad S
tagDiv Staff

Hello !

You could set your CSS to “important”. It seems that your css is loading later but that cannot be resolved.

Thank you !

Calin
tagDiv Staff

Hi,

Our theme made a request for updates the covid data once at 3 hours (using timezone UTC GMT+0), the dates are get from here https://github.com/CSSEGISandData/COVID-19/tree/master/csse_covid_19_data and these are update frequency once per day.

Thank you!

hrarsha
Participant
#0

Hi,

Today I’ve enabled amp pages on my website, there were few issues on view, I could fix some of them from custom CSS codes
but main problem is now, I put menu on footer area and there is legal pages for the website.

but when open pages, only the title is showing on amp page.

pages enabled in amp settings. pages are NOT made with the composer.

any help would be good because I disabled the footer menu for now since its empty when view.

thank you.

Pulau777
Participant
#0

Hi,

I´m having problems when I use images as backgrounds in the row settings (css tab). I´m using the Gourmet Template, and when I try to replace the header image, the image looks bigger (not as cover image should be), and also with compressed effect. Images are only being problematic when used as backgrounds, as for featured image is working fine.

I´m graphic designer so please dont reply me with image sizes, resolution and this kind of things, must be something with some configuration or with tagdiv composer, cause when I replace the image with a different one, and then change again to the same image as before (in the same setting action) also looks like blured.

As I see in the source code in internet the image is this kind of image:

url(“https://XXXXX.XXX/wp-content/uploads/2020/03/header_youtube4-300×169.png”) !important

Why is using this image and not the original?

tolgajoy
Participant
#0

When I activate the Jetpack plugin, it changes the layout settings for performance. The same way when I installed hummingbird instead of jetpack. Any css optimization plugin is breaking the site and the sidebar on the right side is not visible on the single post screen. I disabled the Jetpack performance feature but it has not improved. I don’t know a way to undo this process. I want Sidebar to appear again. How can I do it? Can you help me?
Also; thinking that this problem is caused by hosting, I changed the hosting 4 times before. I currently host in Godaddy. Please help me to view the sidebar again.

my site: https://newworldtrend.com

brad.stevens
tagDiv Member

Hi Calin, I was able to use the css code successfully to change the color of all my links within my post content. However, it is not working when I try to adjust it for page content and apply it to my pages using this code:

.single-page .td-page-content a:link {color: #0066cc;}
.single-page .td-page-content a:visited {color: #800080;}

I added the CSS to the Custom CSS section in the Newspaper Theme Panel. Do you know why this code might not be working for page content? Example page: https://www.tamborasi.com/about-us/

Thanks!
Brad

9G
Participant
#0

I’m using css in the template builder to reduce the height of the header menu at https://9gurus.com – it looks just the way i want which is great. But when I load or reload the page i can see the menu row loads at a bigger size and then jumps down.

how can i eliminate the jumpiness?

thanks!
eric

Vlad S
tagDiv Staff

Hello !

Please use this css code: .tdb-comm-layout2 .td-form-url {
visibility: hidden;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Vlad S
tagDiv Staff

Hello !

The css tab is for extra looks and extra css coding.

On the gallery, the image must be a bigger size, more rectangle shaped. The colors must be changed using CSS ( follow this topic: https://forum.tagdiv.com/topic/change-color-of-photo-gallery/ )

The live css option is to see live your css changes. But after that you will have to copy the code and paste it in the proper place.

Thank you !

Vlad S
tagDiv Staff

Hello !

You can use this css code: .td-adspot-title {
text-align: center!important;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

SquallSFU
tagDiv Member

Okay. I know CSS. Which file or panel should I work on?

Vlad S
tagDiv Staff

Hello !

Unfortunately that text can be edited only by using CSS coding.

Thank you !

Calin
tagDiv Staff

Hi,

The problem is that you have the ad code set on the body -> https://i.imgur.com/HgIb0sT.png, this is set behind of the theme content and not in the theme content-> https://i.imgur.com/zjSxAvC.png, so when you set an z-index you move the ad from body content over the theme content. In order to make the ad to work, you need to make the theme content boxed, this can be achieve using the above method or a custom css -> https://i.imgur.com/PB2dPS0.png
#td-outer-wrap{
width: 1164px;
margin: -40px auto 0 auto;
}

The code need to be set in theme panel> custom code> custom css.

Thank you!

Calin
tagDiv Staff

Hi,

Unfortunately there are no settings for height of flex block, you can st it only using custom css -> https://i.imgur.com/e8dUVVd.png
.td_module_flex_1 .td-module-meta-info{
height: 400px
}
.td_module_flex_1 .td-module-meta-info .td-read-more{
position: absolute;
bottom: 10px;
}

The code will be apply on all flex block 1 so to make it to apply only on flex you want you can add an extra class -> https://i.imgur.com/wFv7l5V.png and the code will be
.my-class .td_module_flex_1 .td-module-meta-info{
height: 400px
}
.my-class .td_module_flex_1 .td-module-meta-info .td-read-more{
position: absolute;
bottom: 10px;
}

The code need to be set in theme panel> custom code> custom css.

Hope this will help you!
Thank you!

Vlad S
tagDiv Staff

Hello !

By editing the CSS margins you should be able to achieve this.Follow our tutorial here in order to learn how to tweak elements using css: https://www.youtube.com/watch?v=fa7GenCHcBU

Thank you !

ludyma
tagDiv Member

The option LIVE CSS the changes that are made are there where it affects? is it forever and where is it saved or queried?

Calin
tagDiv Staff

Hi,

Indeed the font style is not apply, what you can do is to use a custom css like this one
.comment .comment-content, .comment .comment-content p {
font-family: "Open Sans";
}

If you are using the mobile theme plugin with amp, then you can set it here -> https://i.imgur.com/GBLhxs0.png

In amp version is set a placeholder for Search…, this can be change only in theme files wp-content/plugins/td-composer/mobile/header-amp.php -> https://i.imgur.com/Vv97OdL.png

Thank you!

rnbjunk
tagDiv Member
Calin
tagDiv Staff

Hi,

If you want to set the code individual per image box it will be better to add an extra class for each element you want to edit -> https://i.imgur.com/N7R5zVW.png and the code will be like this -> https://i.imgur.com/EIHQ0RE.jpg

.tdm_block_image_info_box.img-box-1 .tdm-image-box {
background-position: 50% 65%;
}

Also what you need to do for the other image box element is to change the number from the extra class and reuse the code withe the individual settings. The code need to be set in theme panel. custom code> custom css.

Hope this will help you!

news9
tagDiv Member
AMP - reply

Hello
but I need to display ?amp url everytime (on mobile). when an user comes on my website from twitter or facebook there is no ?amp url. when an user type my website on mobile it should open with ?amp url. Please provide me css or other setting so that I can redirect user to ?amp url.

Thank You

  • This reply was modified 6 years by news9.
  • This reply was modified 6 years by news9.
Vlad S
tagDiv Staff

Hello !

Please use this css: .comment-reply-login {
display:none;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Calin
tagDiv Staff

Hi,

Thank you for your kind words!

1. With our theme can set the reviews only for posts, you can not set it for the elements that are inside it, sorry!

2. You can set the color for smart list number if you are using a smart list from tagDiv Cloud Library, unfortunately the style can be change only with custom css.

Thanks.

Calin
tagDiv Staff

Hi,

To make the slider on mobile full width please try this custom css -> https://i.imgur.com/vq6p2nR.png
.wpb_gallery .flexslider{
margin: 0px -20px;
}

Hope this will help you!

Viewing 25 results - 7,951 through 7,975 (of 33,436 total)