Search Results for 'css'

Results from the Forum
Andrei L.
tagDiv Member

Hi

The theme wasn’t designed to have a full width footer but you can achieve that using this css in theme panel > custom code > custom css: http://screencast.com/t/YcjwGq7U49p

.td-footer-container, .td-sub-footer-container{
width: 100%;
}
.td-footer-container .td-pb-row, .td-sub-footer-container .td-pb-row{
width: 1021px;
margin-left: auto;
margin-right: auto;
}

Thanks!

Andrei L.
tagDiv Member

Hi

Try this css in tyheme panel > custom code > custom css: http://screencast.com/t/SMKfqubh

.single .td-pb-row [class*="td-main-sidebar"]{
border-left: 0!important;
}

Thanks!

Catalin
tagDiv Staff

Hello falz,

Unfortunately, our theme does not have such option to change the fonts for all website. The theme uses by default Open Sans and Roboto. The simplest way to achieve this, would be to search/replace these kinds of fonts with your desired font in style.css, like this -> http://screencast.com/t/QqveC5k0B

Hope this helps and let us know how it goes!

Thank you for the message!

Andrei L.
tagDiv Member

Hi

Try this css:

.aps-group-vertical{
width: auto!important;
}
@media (max-width: 768px){
.aps-social-icon-wrapper .aps-group-vertical {
display: none!important;
}
}

Please consider that we can’t offer plugin implementation support so if you need a different approach on this my advice is to look for a developer to help you with it.

Thanks!

Catalin
tagDiv Staff

Hello fit2fash,

You have access to our new updates without any paying. Before to update your theme to the latest version, you have to know these informations.

If your ultimate update was from 4.X to 6.X, unfortunately, you lose all changes. Newspaper 6 is a whole new theme so an update from 4 to 6 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).

Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come bundled with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.

The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom CSS will not work with the new version and you will have to adjust or re-add them.

Bottom line is that newspaper 6 is a whole new theme built from scratch.
Unfortunately, you will have to clear your agenda and spare a bit of time to adjust all your settings to the new version of the theme.

If you have already Newspaper 6 and you want only to do the update to latest version, you should make this without any problem. All your customization are recorded in the database which is not affected by this update.

Hope this helps and let us know how it goes!

Thank you for the message and thank you for purchasing our theme.

Andrei L.
tagDiv Member

Hi

Thanks for this suggestion, I’ve added it on our todo list and we will consider it for futures updates. Meanwhile to customize the main menu items color on hover you can use this css in theme panel > custom code > custom css: http://screencast.com/t/yARdLJuie

#td-header-menu .sf-menu > .current-menu-item > a:hover, .sf-menu > .td-menu-item > a:hover{
color: red!important;
}

Thanks!

Andrei L.
tagDiv Member

Hi

1. Unfortunately that space can’t be decreased because the row layout will be affected: http://screencast.com/t/hCQi76LT3Yp There are some restrictions when it comes to modify the main rows layout.
2. Try this css in theme panel > custom code > custom css: http://screencast.com/t/4Ot9XhEu2

.wpb_tabs li.ui-tabs-active a, .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a:hover{
background-color: #2185dd;
}

Thanks!

Andrei L.
tagDiv Member

Buna

Pentru a utiliza Article Top Ad in acest mod e nevoie de modificarea codului care genereaza acest ad. Noua implementare va trebuii sa fie similara cu cea pentru ad-ul inline doar ca se va folosi instanta pentru article top ad. Codul Care genereaza article inline ad poate fi gasit aici: http://screencast.com/t/VRyKKXeb7B iar daca vrei poti folosii aceasi metoda si pentru article top ad. Va trebuii insa sa modifici si fisierul td_panel_ads.php si sa adaugi codul care genereaza optiunile de plasare ale ad-ului (centru, stanga sau dreapta). Codul care genereaza aceaste optiuni pentru article inline ad poate fi gasit aici: http://screencast.com/t/srcBApFjv si poate fi adaptat pentru article top ad. La final va trebuii sa adaptezi si codul css care sa afiseze ad-ul in mod corespunzator in functie de optiunea selectata.
Ia in considerare ca aceste modificari necesita cunostinte de programarte in php si css pentru a obtine rezultatul corect. Daca nu poti finaliza acest task singur sfatul me este sa cautio pe cineva care sa te ajute fiindca modificarile necesare implica multe customizari in fisierele temei si eu nu pot oferii o solutie acum.

Multumesc!

Catalin
tagDiv Staff

Hello amd4ever,

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

.td-main-page-wrap {
padding-top: 5px;
}
.wpb_raw_code {
margin-bottom: 0px;
}
.wpb_column p{
margin-bottom: 0px;
}

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

For footer section, please try the code below and add it int Theme panel->Custom CSS area.

The code is ->

.type-post, .td-main-content-wrap, .td-category-header {
background-color:#743636;
}

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

Hope this helps and let us know how it goes!

If is not what you mean, please provide more details and some screenshots with your desired modification would be more useful for my understanding.

Thank you for the message!

T2N
Participant
#0

Hi There,

I need help on making the sub-category tab a little bigger in category page.
Here’s the screenshot – http://screencast.com/t/k5PO6iUXDh
I’m not sure what the css code for it.

Hopefully you can help us out.

Thanks!

sporkhc
tagDiv Member

I was able to work around this with a CSS override in the RevSlider config.

deambris
Participant
#0

Hi,

I know this is impossible with standard settings. But I need to set wordpress to hide some specific categories, which be needed only for setting blocks in homepage.
This is possible with css/php code?

Thank you and Regards!

Jwrbloom
Participant
#0

I can’t get anything take effect.

I bring custom data in via PHP snippet, and it’s really just float: left two DIV’s and font and image sizing. I’m using Chrome to inspect the CSS. I know it sees my CSS because the image sizing does work. I’ve tried over-riding it with !important, but nothing is working on the floats and font size.

courtside.buzz

Otherwise love the theme.

VoZz
Participant
#0

Hello,

First off all great theme!
I would like to change the height of the Main Menu in header style 5. Can I do this with some custom CSS?

simchris
tagDiv Member

Generally you should only have one H1 on a page.
You can override the CSS simply by adding a class to the theme panel custom CSS box.

All “H” classes normally add padding after as they are headings. But you could change that either globally, or create new custom class for some use.

TagDiv likely have better answer Monday.

Tip: good to get used to using console/F12 in Chrome to “target” specific blocks and see what they are, as you can often then micro-target just the one CSS class to over-ride without messing up things like h2 used on category pages, etc.

goleada
tagDiv Member

Thanks Chris and Bogdan.

The problem with this is that I already tried to do what both of you suggested (custom css in theme panel) but the thing is that default text logo loads before custom text logo so it looks weird … I got an answer why that happens from tagdiv team: “This delay happens because of cascading property of css, the default css is loading before your custom css to overwrite it. I suggest to do this change directly in the stylesheet file and this delay should not happen.”

And that is why I wanted to fix this in wordpress editor only to find out I don’t have Appearance->Editor tag. Should it be there and why it is not? 🙂 I didn’t do anything with my Newspaper theme yet. It’s new, installed and updated. I don’t understand. Can you help me wit this?

Btw, Chris, where did you find logo font under Fonts in theme panel? Can you post a screecast like Bogdan?

Thanks again

Lewis
tagDiv Member

thank you Andrei

i install the plugin you gave me and add the css .. but the my page.php file Different from the photo you add.

this is my file. can you do it for me please..

http://www.screencast.com/t/vYC0YUPB4uZB

korean21
Participant
#0

Hi support forums
When I put my text into H1 or H2, there is a huge gap between my texts. I opened my style.css sheet but do not know which numbers to change. Any advice? Thank you

Bogdan B.
tagDiv Staff

Hello,

If you do not want a particular item in the social counter you need to remove the id from the plugin settings:
http://screencast.com/t/GfjzgtUQPCFB
Make sure you have Facebook, Twitter and G+ set in your settings then use this css (replace the other one)
I think this should do it:

.td_social_facebook .td_social_info, .td_social_facebook .td_social_info_name{
display:none!important;
}
.td_block_social_counter .td_social_facebook {
font-size:10px!important;
}
.td_social_facebook{
width:26%!Important;
}
.td_social_googleplus .td_social_info, .td_social_googleplus .td_social_info_name{
display:none!important;
}
.td_block_social_counter .td_social_googleplus {
font-size:10px!important;
}
.td_social_googleplus{
width:32%!Important;
}
.td_social_twitter .td_social_info, .td_social_twitter .td_social_info_name{
display:none!important;
}
.td_block_social_counter .td_social_twitter {
font-size:10px!important;
}
.td_social_twitter{
width:32%!Important;
}
.td_social_type{
display:inline-block!important;
}
.td_social_type .td_social_button a:after{
width:80px!important;
}

Thanks.

Andrei L.
tagDiv Member

Hi

Replace the previous css with this one: http://screencast.com/t/OoE5ooBg If you wand a different distance just modify the margin value:

.td-travel .td-travel-features .td_block_wrap {
margin-bottom:0px!important;
}
.td-g-rec-id-custom_ad_1 .adsbygoogle{
margin-bottom: 4px;
}
.td_block_wrap .td-load-more-wrap {
margin-bottom: 4px;
}

Thanks!

Bogdan B.
tagDiv Staff

Hello,

Unfortunately the theme does not have such an option but you can however do a css trick and hide menu elements on specific pages. you can have a menu with all the elements at once (in the same menu) and simply hide or show them where you wish with display:none and display:block
For example:
I added these 2 custom menu items: http://screencast.com/t/iVdrTjtnvnB
I want to only show one the first one on the homepage and the other one on another page.
So i will go on and hide the second menu item for the homepage like so:
.home .menu-item-3146{
display:none!important;
}

So now on the homepage i only see this: http://screencast.com/t/xrgmVHlh
In order to make the switch i hide the other one on the other page using the page id (the homepage can be targeted with the home class, for another page you need the page id that can be found here: http://screencast.com/t/QC8pprLGF)
So on the other page we will use this code:
.page-id-3026 .menu-item-3145{
display:none!important;
}

and have this result:
http://screencast.com/t/iyg5I34zWFZe
I hope this helps.
Thank you!

Bogdan B.
tagDiv Staff

Hello,
You can use a bit of css if you wish to hide the grid on mobile:
@media (max-width:767px){
.home .td_block_big_grid_1{
display:none!important
}
}

Then add the code in the theme pane – > custom css box.
Thank you!

Andrei L.
tagDiv Member

Hi

I am not sure how do you want to display this iframe on your site but a basic example would be like this:
-first you can add a specific class for the iframe so you can target it with css:

<iframe class="my-custom-mail" allowTransparency=”true” frameborder=”0″ scrolling=”no” style=”border:none” src=”http://www.biliranisland.com/wp-content/plugins/myMail/form.php?id=0&s=1″></iframe>

-use this custom css in theme panel > custom code > custom css to set a size for your iframe, you can modify this values as you want:

.my-custom-mail{
width: 1064px;
height: 300px;
}

– to display it on page use a raw html block from Visual Composer: http://screencast.com/t/Ue7UFyIKf The result will be like here: http://screencast.com/t/V4R0i5FuH5B Thi is a basic example but you can customize it as you want using visual composer page-builder and css code.
If you want a different implementation for this iframe please provide more details and maybe i can help you.

Thanks!

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

Hello,

On your website just te sub-footer is showing. If you want to hide that one as well, you can use this code:
.td-sub-footer-container{
display:none!important;
}

result: http://screencast.com/t/lqmCIbhiygN4
If this code does not work either, then please check your custom css from the theme panel as there may be an open tag there that prevents any other css from working properly.

Thank you!

Catalin
tagDiv Staff

Hello willysawa,

In order to achieve as you wish on the category page, you have to set the modules on this page from Theme panel-Categories section, like this -> http://screencast.com/t/erI1PMRdsq and for header section, please try the code below and add it in Theme panel-Custom CSS area. You have to target each category by ID, like this http://screencast.com/t/kdlMdPZW9Gy3 -> http://screencast.com/t/MWkuXH5cQEnt

.category-6 .td-header-wrap {
display:none;
}

Above I gave you an example for a single random category with ID=6. You have to implement this on your website and find the category ID for each category like this -> http://screencast.com/t/pEr6PZeflN

For more details about category, please check our documentation here -> https://forum.tagdiv.com/how-category-settings-work/

Hope this helps and let us know how it goes!

Thank you for the message!

Viewing 25 results - 24,701 through 24,725 (of 33,436 total)