Search Results for 'css'

Results from the Forum
Truealeth
Participant
#0

Hi,
I’m breaking my head around why I can’t get a nice mega menu with subcategories following the instructions in the documentation. What could be wrong? I’d like to have the thumbs change category on rollover of the subcategory menu. It’s not creating the html and not picking up the themes CSS. I’ve installed the demo content on a local server, to see if I could figure out how it was done, but it didn’t work either, the demo content didn’t have the configuration included.
Can you help please?

Thanks

ctoweett
tagDiv Member

Paste this in Newspaper>Theme Panel>Custom Code>Custom CSS
@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #523f6d!important;
}`
}

pstgibson
tagDiv Member

Thanks, but I discovered I actually need to increase the container to 300X300.
I will appreciate the CSS code for this.

Ryansmccain
Participant
#0

I have my header color set to a purple on the desktop but I can’t get it to change from black on mobile.

You can look here. http://interestinganswers.com

Is there a way to do this with CSS?

thanks.

Catalin
tagDiv Staff

Hello Adcomm_Media,

If you want to increase that container you should use a bit of CSS code and add it to Theme panel -> Custom CSS area.

The code is ->

.td_mega_menu_sub_cats{
width:30em;
}

The result is here -> https://www.screencast.com/t/99VsTBZb9Va0

Thanks for the message!

Catalin
tagDiv Staff

Hello Stinus V,

Notice that any type of changes you have made using the CSS code, after an update, it will be lost. You can try using the child theme because the main theme will overwrite the whole code of the theme.

Thanks for the message!

Catalin
tagDiv Staff

Hello bobbymc,

You can change this color from page builder from CSS rule from here -> https://www.screencast.com/t/GVXWPpwZ After this change, clear all the caches and check the results.

Thanks for the message!

Catalin
tagDiv Staff

Hello luke,

I have tried to access your website but no success because your website it seems to be in maintenance mode, sorry! Please, notice that we do not encourage to use such a Custom CSS code to increase the logo section because the theme layout could be more easily broken, sorry! Make sure that your logo size is according to our documentation because if you will check our demo preview you will see that the logo works as expected. Try to use our logo from Newspaper, take it from demo preview, add it to your website and check the results. Clear all the caches after this and see the results.

Thanks.

Adcomm_Media
Participant
#0

Hi,

I have managed after a long time to get my sub-cats into 3 columns. Can someone please tell me how to make the sub-category wider in css? I need the selector to be able to change the width. Can someone please help?

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

I just really need to change it to 30em instead of 20 please?

Catalin
tagDiv Staff

Hello marketing20,

Try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td_module_11 .td-read-more a{
background-color: red;
}

Thanks.

Adcomm_Media
tagDiv Member

Hi Bogdan,

I find this a very weak reply. I am expecting that because I paid for a premium theme. The menu should work out of the box? I didn’t pay peanuts for the theme?

Also you provide the css selectors above for creating 2 columns. Why now to make it 3 columns and to adjust the width of the sub-menu columns do I need to pay a developer for customization when all you need to do is tell me the selector to use to change the width of this?

Again something that I would expect to work out of the box like a theme menu. must now be paid for to make it work. The menu you have is fine. I just want the sub-menu to be listed on 3 columns and the sub-menu of that to work the same. Surely this is not a customization. But something that should work??

Regards.

Bogdan B.
tagDiv Staff

Hi,

Please provide a link to your site so I can inspect the code.
Facebook provides a black text as most websites use black text.
It can be overwritten with css most likely.

Thanks.

naukazasite
tagDiv Member

Thank you for your answer. I understand now the method of contain the menubar.

Regarding the CSS solution, it’s interesting — works when entered in the Custom Code CSS in the Theme Panel, but not when added to the style.css in the child theme. Anyway, it solved the issue.

And one final question — what is the font used instead when logo is absent? It looks very similar to PT Serif, but it’s not. Could you tell me the name of it and if possible, how to replace my current PT Serif with this one across the website?

Thank you.

Simion C.
tagDiv Staff

Hi,

The header style you are using is full width, that is how it is supposed to look. Also the footer is displaying as it should.
These elements will be limited to page container width when a background image or color is set
https://forum.tagdiv.com/background-introduction/
So you could set a white background color, if you do not want it to be noticeable. This will transform the website into the boxed state.

If you are referring to this message – https://www.screencast.com/t/loinzaqBcia
That can be changed if needed with a code like this

.no-results h2{
font-family: 'Open Sans', sans-serif;
}

The code can be entered in Theme panel->Custom CSS.

Thanks

Bogdan B.
tagDiv Staff

Hello,
The theme accent color handles the background of the button. You have black text on a purole background and it is no visible. You can try to make the button text color white though using this css code:

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button{
color:white;
}

You can add the code in the theme panel-> custom css box.

Thanks.

Simion C.
tagDiv Staff

You could do that in two ways. Either with a function in functions.php (main or child theme)

function disable_comment_url_email($fields) {
unset($fields['url']);
unset($fields['email']);
return $fields;
}
add_filter('comment_form_default_fields','disable_comment_url_email');

Or hide them with CSS (code entered in Theme panel->Custom CSS)
https://www.screencast.com/t/nKAHr91cdy

.comments .td-form-email,
.comments .td-form-url {
display: none;
}

Thanks

Simion C.
tagDiv Staff

Hi,

Hide the comment number either by removing it from the code in the file shown, or with CSS
https://www.screencast.com/t/bXYNF5wBb

.td_block_authors .td-author-comments-count {
display:none;
}

Showing the socials for each user would require major modifications to this element, you could try to integrate the socials in but that may not be easy, to get and display the socials for each author would probably take a lot of work and testing.

Thanks

ru
Participant
#0

Hello,
When testing the site performance on “PageSpeed Tools” from Google (https://developers.google.com/speed/pagespeed/insights), it always give that error:

Optimize CSS Delivery of the following:
https://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400%2C400italic%2C600%2C600italic%2C700%7CRoboto%3A300%2C400%2C400italic%2C500%2C500italic%2C700%2C900&ver=8.6

Could be possible that you make them local fonts by default. Doing it manually is very tricky, and also there’s only three custom fonts fields, so not enough for Roboto and OpenSans.

It would help a lot to have better performance as long as better SEO results on Google.

Thanks.

Ladiesabroad
tagDiv Member

Hi

I tried the CSS for my Destinations -> Europe sub-meny. I get two columns, but the width is too small to accomodate the name Storbritannien. Also the background sub-sub-meny for Storbritannien -> Scotland and England is getting to small. Is this possible to modify?

http://www.ladiesabroad.se/

Thanks.

Mercuriel
Participant
#0

Hi there,

RE. https://www.syrupbee.com

Comparing my boxed layout on my desktop screen with another website (https://www.chasingfoxes.com), the width of my boxed layout is thinner than theirs. I would like to make my boxed layout a little bit wider. How can I do this? I cannot seem to find the right div to edit with CSS!

Thanks,
Chris

simchris
tagDiv Member

ALSO -worth noting if your host is using some kind of minification setup; that best to turn that off if it’s trying to rewrite javascript or CSS.

And, obviously, good to disable stuff like ad blockers or other shenanigans or extensions in Web browser ‘blocking’ page elements.

Right now I can’t share social items on Google News because Chrome’s own stupid popup blockers are blocking Google News from popping up share box (!!). *sigh*

kokorikos
Participant
#0

Hey hello there fellas!!! Im super excited so far cause your support is amazing and believe me i have bought too many themes that their support was really bad. My next question is about site performance plz check this photo —->techbot requests I get really many requests and i was wondering how can i minify those requests to improve load speed cause my site seems heavy and i have to find a way to improve my speed. Plugins dont seem to do the job because lets say autoptimize plugin destroys the theme when i try to minify the js requests . So what im asking is a way to gather all js html css files together to minify the requests . Any thoughts on this matter and how i can do that using newspaper theme without destroying it ? 😀 thank you in advance guys!

Simion C.
tagDiv Staff

Hi,

So you would like to remove the author name from the big module of big grid 3, that could be done with a code like this
https://www.screencast.com/t/oF3HSHAMZx
Enter it in theme panel->Custom CSS code section
https://www.screencast.com/t/v9NK9k1d9

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

Thanks

portuga
tagDiv Member

With CSS we have to resize the menu because only appears 4 posts and not 5. So we have an empty space on the right.

We want to hide the subcategories but have 5 posts. Can you point me the code that I have to change?

pstgibson
Participant
#0

I want to resize my woocommerce catalog image size (https://w.warrimarket.com/product-category/computer-stores/) from its current size of 195×195 to 132×132.

I have done this in Woocommerce > Settings > catalog image in Product Image size, and then regenerate thumbnail but there was no change.

Please what should I do to achieve the 132X132 dimension size with css?

Viewing 25 results - 15,101 through 15,125 (of 33,436 total)