Search Results for 'css'

Results from the Forum
Catalin
tagDiv Staff

Hello Brain916,

Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.entry-content {
padding-left:25px;
}

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

Thank you for the message!

Bogdan B.
tagDiv Staff

Hello,
You can follow this topic to see how it can be done: https://forum.tagdiv.com/topic/linkedin-button/
From the same file you have to add the linked in button, you can remove other ones.
Unfortunately this method does not apply 100% anymore. It will require a bit of css adjustments.
I hope this helps.
Thank you!

Bogdan B.
tagDiv Staff

Hello,

The space between the text and the images can be increased when editing your post. You can add a space element between the image and the text using a wp space element: ‘nbsp’ or a html br element: http://www.w3schools.com/tags/tag_br.asp

The caption can be targeted with css like so:

.wp-caption-text, .wp-caption-dd{
font-size:12px!important;
}

Thank you!

  • This reply was modified 10 years by Bogdan B..
  • This reply was modified 10 years by Bogdan B..
Bogdan B.
tagDiv Staff

Hello,

You will need to wrapt the iframe in a bit of html before you can align it. Please insert your iframe like so:

<div id="all">
    <div class="sub">
    <iframe src="https://www.kickstarter.com/projects/338597945/fleet-commander-genesis/widget/card.html?v=2" width="220" height="420" frameborder="0" scrolling="no">></iframe></div>
</div>

And then use this custom css code:

 #all{
    width:100%;
    float:left;
    text-align:center;
}
div.sub, iframe {
    margin: 0 auto;
}

Thank you!

Catalin
tagDiv Staff

Hello Koznazna,

Please replace the above code, that I gave you this morning, with the below code in your Theme panel->Custom CSS area.

.td-module-meta-info {
display: inline-flex;
}
.td-post-source-via {
padding-left:10px;
}

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

Hope this helps and let us know how it goes!

Thank you for the message!

Catalin
tagDiv Staff

Hello eduardopfreire,

Please try the code below and place it in Theme panel->Custom CSS area.

@media (max-width: 767px){
.td_block_big_grid_5 .td-big-grid-post {
padding-top:0px;
}
.td_block_big_grid_4 {
padding-bottom: 45px;
}
.td_block_big_grid_4 .td-big-grid-post:first-child {
padding-bottom:0px;
}
}

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

Hope this helps!

Thank you for the message!

Mido
tagDiv Member

Hello,

Or you can use css to avoid replace this code every update.

.category-25 .td-g-rec-id-content_inlineright
.td-g-rec-id-content_bottom
{
display: none!important;
visibility:hidden!important; }

25 = ID number of category

Enjoy!

Catalin
tagDiv Staff

Hello sporkhc,

If you want to hide a block title you have to use a bit of CSS to hide it. Please try the code below and add it in Theme panel->Custom CSS area like this -> http://screencast.com/t/Vhqr66pCMChx

The code is ->

.block-title {
display:none;
}

If you want to hide the title only for a block, you have to target it and put it before the above code that I gave you. (for example .td_block_1)

Please notice that you have used Ajax filter from Blocks settings you have to do a bit of CSS to increase the padding top of the block for a better look. (-> padding-top: 32px)

If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Hope this helps!

Thank you for the message!

Catalin
tagDiv Staff

Hello factoryitalia,

If you want to change the text color from the button, you have to use the code below and add it in Theme panel->Custom CSS area.

.woocommerce .product a.button {
color:blue;
}

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

If is not what you mean, please provide more details about what you want to achieve so I will be able to provide a more accurate response.

Thank you for the message!

Catalin
tagDiv Staff

Hello Koznazna,

You have to put the code in your Theme panel->Custom CSS area, like this -> http://screencast.com/t/bpSDnJ1YeeK

If is not what you mean, please provide more details about what you want to achieve because I did not understand very well.

Thank you for the message!

lospicos
tagDiv Member

And also i found that moving those css to head part will solve a w3 validation issue also.

Andrei L.
tagDiv Member

Hi

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

.page-id-6639 .td-header-border:before, .page-id-6639 .td-container-border:after{
background-color: grey!important;
}
.page-id-6639 .td-pb-row [class*="td-pb-span"],
.page-id-6639 .td-container, .page-id-6639 .wpb_row, .page-id-6639 .wpb_content_element {
border-color: grey!important;
}

Thanks!

Catalin
tagDiv Staff

Hello Sophie,

Unfortunately, this is the ‘problem’ about cropping system. Our theme uses the system of cropping from center to top. The theme uses thumbs to reduce the page size and speed up page loading time. From each image uploaded are generated thumbs for each thumb size used by the theme. Basically, when a post it’s displayed on the page in a block, the featured image displayed is not the one which you uploaded in the media file, it’s a thumb cropped from the original image at the precise dimension. To change the picture orientation most likely you will need a different cropping system. We use a WordPress function – add_image_size() – you can read about it here – https://codex.wordpress.org/Function_Reference/add_image_size – and here – http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/

Our theme crop (cut) thumbnails in some cases to avoid creating a lot of thumbnails in order to reduce to load more spaces on the server. I did some investigation on my side and I did a little digging into this matter. Please try to use a bit of CSS and add it in Theme panel->Custom CSS area.

.td_block_big_grid_1 .td_module_mx5 img {
transform: translate(0px,-45px);
}

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

Hope this helps!

Thank you for the message!

Emil G
tagDiv Staff

Hi,

Cloudflare cache should work as long as you don’t change the query on each request. You could use the browser Network tool(on Chrome) to check if a file is cached – http://screencast.com/t/pOS62ffqR0L
The version query is present on all wordpress themes, it’s not a specific Newspaper behavior.
If your query string is changed on each request check the plugins, you may have one which does that.

Some proxies may be set not to cache links which come with query strings, but if you use cloudflare you shouldn’t worry about this.

Speed booster is not related to proxy or caching, it just moves the css and js at the page bottom. To avoid any possible conflict we added a check which enables it only for the plugins with which it was tested. You could try to enable it for all plugins, for this just delete or comment the following code – http://screencast.com/t/RZLIOPUNdqh

Thank you!

  • This reply was modified 10 years by Emil G.
Catalin
tagDiv Staff

Hello larceny,

If you want to have the ultimate update, it is necessary to replace only the files that are changed and style.css file.

The child theme saves you a few updates but please notice that it no replace in totality the updates. When the update is coming, please ensure what kind of files are changed and if the files are exactly those that you have in your child theme you have to customize again your child theme.

Hope this helps and let us know how it goes!

Thank you for the message!

Catalin
tagDiv Staff

Hello Koznazna,

Please try the code below and add it in Theme panel->Custom CSS area.

.td-post-source-via {
display:inline-table;
padding-left:10px;
}
.td-post-small-box a {
color: #f8f8f8;
}

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

If you want to use more than one post template, you have to change every core file.

Thank you for the message!

simchris
tagDiv Member

I’m not having any issues in EDGE including your website loaded immediately.

Be sure to clear your caching in Edge if you switched themes and CSS.

PatWire
tagDiv Member

Thanks Bogdan

The plugin describes;

One common question I get asked alot is how to find the correct information to put in the “CSS of Menu To Hide” option box inside the Responsive Menu admin options page.

Bogdan B.
tagDiv Staff

Hello,

The font from a textblock in visual composer is affected by the body font: http://screencast.com/t/tbpdkUnr but it will only get the font family. The size will have to be added with custom css like so:
.wpb_text_column p{
font-size: 20px;
}

I hope this helps.
Thank you!

Andrei L.
tagDiv Member

Hi

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

.td_block_big_grid_4 .td-post-date{
display: none;
}

Thanks!

Catalin
tagDiv Staff

Hello renai42

In this case, depends from which version you have done the update. This CSS comes from the theme and has the role to give display:none for any empty paragraphs. Please ensure that you did not have any empty paragraph in your article…check your TEXT editor from the panel -> http://screencast.com/t/8j9b5oQNZ and looking for these tags

. This problem you can resolve with the CSS that I gave you above and if you not found this you can send us an email at contact@tagdiv.com with your log-in information so we can further inspect the page set up. Please copy/paste this link in the e-mail so we can know who are you and what the issue is.

Hope this helps and let us know how it goes!

Thank you for the message!

lospicos
tagDiv Member

These two of mine same as yours

<b>css</b>

I do not want to exclude them. The thing that i want calling together accordingto given example im my question.

Regards

Ján
Participant
#0

Hi everybody,

any idea how to fix my product page? http://www.screencast.com/t/4LudqIgNAId5

It looks diferrent on Newspaper demo page.

My product page is missing tabs, positions are wrong,..

Thank you.

lospicos
tagDiv Member

I am doing an audit on developper tools of chrome.

As a result i have these.
audit

in the put css in the document head part i have these css files ;
1 – https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,600,700&ver=6.6.3
2 – https://fonts.googleapis.com/css?family=Roboto:500,400italic,700,500italic,400,300&ver=6.6.3
3 – https://www.estambul.net/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.6.3
4 – https://www.estambul.net/wp-content/plugins/font-awesome-4-menus/css/font-awesome.min.css?ver=6.6.3

I understand that last two comes from plugin.

Another thing i have

Optimize the order of styles and scripts (4)
The following external CSS files were included after an external JavaScript file in the document head. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.
js_composer.min.css
style.css
2 inline script blocks were found in the head between an external CSS file and another resource. To allow parallel downloading, move the inline script before the external CSS file, or after the next resource.

I hope it clears my question.

Bogdan B.
tagDiv Staff

Hello,

Please try using this custom css:

.widget_nav_menu li:hover a{
color:red!important
}

Thank you!

Viewing 25 results - 24,851 through 24,875 (of 33,436 total)