Search Results for 'css'

Results from the Forum
candersonnm
Participant
#0

I’m having a silly problem that I can’t figure out or find documentation on. I want to create a button that moves to a point further down the page, a typical anchor link.

I can’t find where to put the anchor id on the element that I want to link to and get it to work. I’ve tried Live CSS, extra class and even putting it in the title text (just shows the code).

This should be easy and I can’t find it…

mgiannelis
Participant
#0

Hello

I have a bit of a complicated question you may not understand. However, I will try by best to explain this.

Currently my site is giving too many internal links on the front page causing it to bleed off internal page authority. After some doing some research I believe I may have found how to solve this problem but do not know how to implement it. I was hoping it could be done with some custom CSS

My site is http://www.techbusinessnewscom.au

As you will see. When you scroll down all the items are part of the same front page. I have noticed in other themes/sites they do things a little bit different

Example of what I need to achieve. itnews.com.au (As you will see on the site when you scroll up and down the page there is kind of a background that stays static/still and the content area is what is what scrolls up and down. There seems to be two layers there. From what I can understand and explain. It brings the content area off the main page. This actually stops any links on the page being counted as internal

As the scroll happens on the site itnews.com.au you will see the content moves up and down with a background staying still and the footer area will stay static on the base of the page

It like the content area is lifted off the main html page or something.

If you have understood what I am trying to say here. Can you explain to me how this achieved

Calin
tagDiv Staff

Hi,
Unfortunately, there is no option for this and if you try to hide it using a css, this will also hide the video icon.
Thank you for your understanding!

Calin
tagDiv Staff

Hi,
Please try this custom css
.tdw-filter-product_cat .tdw-filter-item.checkbox-tdw-filter-item {
padding-left: 15px!important;
}

Set this code in the theme panel > custom code> custom css and the results should be like this -> https://i.imgur.com/1sf6Aqt.jpg
I hope this will help you!

Anamaria
tagDiv Staff

Hi,

I think it’s because of certain settings in the wp rocket plugin. Please try to remove the minify (CSS and Js) and see after the problem persist

Thank you!

Calin
tagDiv Staff

Hi,
It looks that the problem related to the menu it is coming from this css -> https://i.imgur.com/PIyv6qg.png
This problem it is also aspiring when you are logged in?

The admin top bar is not display, or it is displayed a different one? If is a different one, then it can be from a plugin, for example from the Jetpack, if is not display, then it can be from a strong cache plugin, or object cache.
Thank you!

Calin
tagDiv Staff

Hello,
1. That message appears because you are using the amp and this is set to redirect the mobile users on amp, please disable this option -> https://i.imgur.com/ShXatoR.png

2. If you have hidden it on all devices then it won’t appear anywhere. Open the CSS section in the composer and enter this code in it – https://prnt.sc/pqi1z7 the row should then be visible so you can interact with it. Then you can remove the code, after you make it visible on at least one viewport
.td-pb-row.vc_row {
display:block!important;
}

The elements from the amp are using the mobile theme layout, so the option for those are in the theme panel > mobile theme -> https://i.imgur.com/4VmBIdy.png

The above message/error it is about the jetpack, the problem is coming from there. You need to check the settings from that plugin or disable it.

Thank you!

tagdiv@schneidermedia.eu
tagDiv Member

Addition:
The “Mobile” version seems to be shown by the plugin “AMP”.
But how do I edit the elements here?
z. For example, the element “Author” is hidden on all devices via CSS-Settings in the Element. In the mobile version it is now displayed anyway. But I can no longer edit the element, because it is no longer displayed in the editor on all devices :/

#0

Hello, I have two problems:

http://2022testumgebungmallorca.myilands.de

1. I have NOT activated the mobile plugin. Nevertheless, a button “switch to mobile version” appears at the very bottom of the articles in the browser.
Where does this mobile version come from and how do I deactivate this mobile version and how could I edit this mobile version?

2. I have disabled certain elements on all devices to hide them temporarily. (Element – CSS – Display:Hidden).
How do I re-enable these elements now (Display: Show). I can’t select them because they are currently hidden.

Thx 🙂

cnanews
tagDiv Member

Good morning.
All these that you said in your message we have already did.
There is only one think that maybe is the problem.
I have changed the name of the theme in style.css from
newspaper in CNA and also the name of the theme folder.
What do you think about that?
I’m still working with my old theme. I restore that yesterday, but I want to work with Newspaper.

Thank you

Anamaria
tagDiv Staff

Hello,

This is the code from the file style.css -> https://pastebin.com/yAgiS2Kp
Also, please deactivate, delete and re-install the tagDiv cloud library and see if the problem persists.
Also, you can check if you don’t have the header template deleted.

Thank you!

Calin
tagDiv Staff

Hi,

The cloud has been split into sections in the new interface for faster access to cloud templates, but an option will be added to allow access to all elements of the cloud as before.

We do not recommend using multiple builders on the same website, but you can try, just use a single builder on the page.

Form this screenshot -> https://imgur.com/BU5rEqe I see that the element is set inline, so it most possible to be from the demo you have installed or other options.
Please try this custom css
.menu-td-demo-header-menu-container ul li::before {
display: none;
}

I hope it will help you!

Calin
tagDiv Staff

Hi sunnymind, you can make a test using the tagDiv Newsletter plugin -> https://forum.tagdiv.com/the-newsletter-plugin/
In case that this is not working, I can do a css for you, just let me know how you’ll like the button to look.
Thank you!

Good Day
Participant
#0

Hi

The codes at the top of style.css were mistakenly deleted, causing the header is broken.
incomplete CSS
error

I’ve tried to re-install the same theme and other themes, but the problem remains.

May I know how to get the codes back?

Thank you

ludyma
tagDiv Member

Hello.
I am performing a new customization of the subject and in the menu has always been the point of the listings, on the web is everything in blue because I was not able to remove it, now that I’m absorbing with the visualization of the subject I have the same problem, you could tell me Like Loquito to create a grinder in the CSS customized please.

Remember that on my website you have to remove the blue so that the points look, I attach the catches of the local and the Wen online.

Capture header local.

Capture header online

web.

mgiannelis
tagDiv Member

Hello

In regards to the content take a look this artcile

https://www.techbusinessnews.com.au/news/technology-and-the-2022-federal-budget/

As you will see. The site heading and the content title are not aligned. This is because of the singles template I am using. As you will see the right sidebar is wider than the left sidebar. This is causing the content not to be aligned with the site logo/heading. It looks strange as you can see

I cannot get the left and right sidebar equal so the content will be directly centred under the title. Every time I touch the CSS settings in the editor to put numbers in them to try and get things equal in breaks the theme in one way or another such as pushing the right hand sidebar all the way down the bottom of the page

Basically

In single post.

The right hand and left hand sidebar needs to be equal so it centres the content correctly

Anamaria
tagDiv Staff

Hello,

To hide the space for a caption you need to use this custom code css ->
.td-post-content table
{
margin-bottom: 0px;
}

This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.

Thank you!

maaikewind
Participant
#0

Hi!

I’m using a table without a caption. However, if I leave the caption field empty a line gets added.

See here: https://ibb.co/0ZF7gxF

I think the line gets added because of the caption. How can I delete the line? Can I somehow hide the table caption with CSS?

Thanks!
Maaike

Anamaria
tagDiv Staff

Hello,

What I meant by your settings was how the form looked. To change the color of your message you need to use this custom code css -> https://i.imgur.com/zBNzsoc.png .wpcf7-form-control-wrap.your-message
{
color: #444;
}

This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.

Thank you!

Anamaria
tagDiv Staff

Hello,

Please let me know what prebuilt website you have installed.
If you install a Pro Prebuilt Website the changes from the Theme Panel will not apply, (only some settings) to change the color on block/post you can edit with tagDiv Composer -> https://prnt.sc/10grx77, select the block/post and in Style, you can change the color => https://www.screencast.com/t/sUE7ug4UIAR5 also, after you can copy the style and paste it -> https://i.imgur.com/WCHxXlr.png
Also, the settings from the theme panel are saved? if not, then please check this topic -> https://forum.tagdiv.com/topic/newspaper-theme-panel-settings-are-not-being-saved/ and try the suggestions.
you can edit the mobile menu from Manager (Website Manager) -> mobile menu/sticky -> https://i.imgur.com/6wgVHk8.png and you can set the color on the row in the tab CSS -> https://i.imgur.com/xFvADzW.png

Thank you!

Anamaria
tagDiv Staff

Hello,

So, you referring to the mobile header -> https://i.imgur.com/BmVCCUh.png, right?
if yes, you can edit it from Manager (Website Manager) -> mobile menu/sticky -> https://i.imgur.com/6wgVHk8.png and you can set the color on the row in the tab CSS -> https://i.imgur.com/xFvADzW.png

Thank you!

Anamaria
tagDiv Staff

Hi,

This is the css code -> https://i.imgur.com/7l2J3ZG.png

.single .td-post-content img
{
margin-top: 20px;
margin-bottom: 20px;
}

This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.

Thank you!

Calin
tagDiv Staff

Hi,
I think that the page is not public -> https://i.imgur.com/7VzgLsU.png
What I can do is to provide a css, but I will need to have access to inspect that contact form 7.
Thank you for your understanding!

ahmedzaky
tagDiv Member

Is there any css code to do this automatically, without any intervention from me !! because I post in websites by Third-party & this not work with me

Calin
tagDiv Staff

Hi,
Most of the css is coming from standard pack.
My suggestion is to move from standard pack to cloud templates. The cloud templates will load only the necessary css so the css will be more optimized -> https://forum.tagdiv.com/topic/action-required-please-read-how-to-update-to-the-newspaper-theme-v-10/
Thank you!

Viewing 25 results - 3,976 through 4,000 (of 33,436 total)