Search Results for 'css'

Results from the Forum
bdil
Participant
#0

I’m content with using my subfooter as my only footer on mobile, but I want my footer on PC to look better.

I’m trying to stretch it across the entire bottom of the website and give it a single color background.

I’m thinking that I do this in from TDcomposer by editing the footer page. Within the row> column> CSS.

What CSS settings do I insert to make it stretch?

Tried changing a bunch of settings but it always looks contained instead of stretching across like most footers look.

The text looks good, but the background isn’t stretched.

site: plantgrowersclub.com

Sibi Paul
Participant
#0

Hello,

My Previous Blog Site is Using MTS Theme.

There I Have Used a Custom CSS Code in Some Posts.

That’s a Button ( For Downloads, Subscribe, and URLs )

for Ex: Look at this post – https://www.fastunlocker.in/unlock-samsung-galaxy-a20-sim-network-unlock-pin-puk.html

at the bottom of this article, you can see a button ” Get Samsung Unlock Code ”

That is a Code I Added Manually… I’m not using this Kind of Buttons in Every Post, But Only a few Cornerstone Contents I have to use…

The Code Behind this Button is Here.

<p style=”text-align: center;”>

<a class=”button” style=”color: #ffffff;”

href=”https://www.fastunlocker.com/get/samsung-unlock-code/&#8221;

target=”_blank” rel=”noopener noreferrer”>

<b>Get Samsung Unlock Code

</b>

</p>

( Due to Code Error, I changed the codes into few lines – so remove those white space )
So, My Question is…

Once I added the same code in My Another Site, There News Paper Theme is Powered 🙂

That Button NOT Appear 🙂

I know it’s Because of Different Architecture…

That is not My Question…

My Actual Question is…

Can I Use This Kind of Manual Customized Buttons to Deal with Links – Using a Code Like Above..?

My Need is – Just use Similar Button in My Posts Without using Third-Party Plugins.

My Site Having a lot of Plugin, I’m looking to reduce the usage of Plugins.

NewsPaper Theme Installed Site Has a New Post – https://www.fastunlocker.com/huawei-frp-unlock-key/

When I added the above code in this post, No button is Appear to View…

Kindly help me.

Note: IF No Custom Codes Going to Work, Then I’ll Try using some Plugin, if so… Suggest me a Good Plugin, which is 100% Compatible with Newspaper Theme.

Requirements: Button Should be Customizable with Colors, Shadow, Font Size and Color, etc…

parislaw
Participant
#0

I’m using a child theme with Newspaper for a client. I did some customization of the visual layouts. When I update the theme in a stage environment it is breaking the site. I’m not sure where the conflicts are coming from. I’ve been trying to work with out for over a month now. can anyone help?

sanjay2019
Participant
#0

Why I can’t type any custom code on “Theme panel-custom css, html, javascript sections are not working”, please help me.

Vlad S
tagDiv Staff

Hello !

The style.css file is located in the main directory of the Newspaper Theme: https://www.screencast.com/t/tRigg2uur6

Thank you !

Vlad S
tagDiv Staff

Hello !

That can be changed by editing the style element using the tagDiv Composer as you can see here: https://www.screencast.com/t/CZidUzLswccL

Unfortunately changing the colors to a specific color will require custom css.

Thank you !

cmamarkets
Participant
#0

I would like to edit the CSS directly from FTP. Today I am using the Live CSS, M however it is failing, and I want to try from the saved CSS file on my FTP

shizane
tagDiv Member

Thanks but why can’t you tell me where this ‘newsletter.jpg’ image is in the panel or how to remove it from CSS?

Calin
tagDiv Staff

Hello,

If you want to remove the hamburger menu from mobile theme, then you can use this custom css http://prntscr.com/pep0y7
.td-header-menu-wrap #td-top-mobile-toggle a {
display: none;
}

You’ll need to set the code in Theme panel> Custom code> Advance css> Mobile.

Thank you!

Calin
tagDiv Staff

Hello,

In order to do that you’ll need to use some custom css if you need help with this, please provide me a link where I can inspect this button and provide to you the proper css.

Thank you!

shizane
Participant
#0

I’m trying to avoid an SSL plugin to force https for just 2 images. Just wondering how would I get rid of this CSS or upload/remove this newsletter.jpg image in the theme panel so my site gets a secure padlock?

https://flywheel.link/b504f9fd0637

Cheers.

Calin
tagDiv Staff

Hello,

Unfortunately for the moment the menu on amp can not be change, sorry!

If you want to remove the “Volg ons” from amp and change the color, please use this custom css
.td-footer-social .block-title{
display: none;
}
.td-related-title, .td_module_mob_1 .entry-title a{
color: #001f59;
}

Also the amp logo look just fine -> https://www.screencast.com/t/EdiO1mGXS

Thank you!

Vlad S
tagDiv Staff

Hello !

That can be achieved by using a single post template, edit it using the tagDiv Composer and using the elements there.

Find out more about it here:https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/

In order to resize the buttons you will have to use some css coding.

Add your single post template and edit it. After that please provide us a url to your page and we will see what can be done on resizing.

Thank you !

Vlad S
tagDiv Staff

Hello !

The css codes can be inserted in the Custom Code tab here: https://www.screencast.com/t/bZqOykd2C9

Thank you !

Calin
tagDiv Staff

Hello,

Unfortunately for the moment the mobile theme do not have this option, so in order to achieve this, you’ll need to use a custom css like this one -> http://prntscr.com/pe6au4
header .entry-title, .td-category a {
color: #001f59;
}

The code will change the post title and category from inside a post.
The code need to be set in Theme Panel> Mobile Theme > Custom code> css.
Also the menu on mobile theme should not be expended, please make sure that you do not have a plugin conflict or a custom css that provide this problem, if the problem persist, please provide me a link to your website.

Thank you for your understanding!

Calin
tagDiv Staff

Hi,

In order to achieve that you’ll need to use this custom css -> http://prntscr.com/pe68gp
.td-category-description p{
line-height: 30px;
}

The code need to be set in theme panel > custom code> Custom css
If this is not help you, please provide me a link to your category description.

Thank you!

gabrieletosca
Participant
#0

Hi, I would like the website to have a “rounded” graphic, so I would like to insert a 5px border-radius
I tried to insert this line of code inside the style.css but I don’t understand what is the correct class in which to insert it. Can you help me out? I wish everything is round to understand 🙂
Thank you in advance
Gabriele

Decentralbox
Participant
#0

Hello,

first of all great praise to the developers. I’ve been testing myself through the theme for about 2 weeks now and I’m really thrilled. It’s well thought out and also fast, if you do without some unnecessary things.

But I don’t like one thing, so I’m asking for your help. It’s just a cosmetic problem and could maybe be solved by CSS code. I hope so.

My problem:
I have activated the “tagDiv Mobile Theme”, which I think is a good solution. Unfortunately I can’t use the plugin on the start page, because you can’t adjust much and I need some categories to be displayed.

Therefore I deactivated the plugin on the start page. Now the header differs from the start page to the other headers (all articles and category pages). How can I make all headers look the same in the mobile version?

Here is a picture of my problem: https://imgur.com/0eKnaO2

Of course I realize that this difference is because the Mobile Theme is optimized for speed, but I think that with CSS you could get the ICONS left and right at the same height and that the logo is the same size. There is also no shadow under the header.

The user should not get the feeling that the theme is changing just because he clicks on an article on the start page.

Which would be important to me:
If the solution (e.g. by CSS) would slow down the mobile version, would it be possible to adjust only the start page instead of the mobile plugin, so that it looks the same?

My main goal is that the speed won’t slow down but the start page and all other articles and sites from Mobile Theme will look the same from the header.

URL of Website: https://b3hyno.myraidbox.de/

Best Regards

EgzonNikqi1991
tagDiv Member

Thank you! The CSS code worked

Vlad S
tagDiv Staff

Hello !

Please try this CSS Code: .tdm-btn-lg {
padding: 0 56px
}

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

I hope you will find this helpfull !

Thank you !

Calin
tagDiv Staff

Hello,

In order to remove the footer on specific pages/post you’ll need to set the post/page id like this https://www.screencast.com/t/U3fS8lBn and the specific footer class .
The code need to be set in theme panel> Custom code> Custom css
This code is only for the above page to remove the footer ->
.page-id-21695 .td-footer-wrapper {
display: none;
}

If you want to remove the sub-footer to, you’ll need to use this custom css -> http://prntscr.com/pdp4xc
.page-id-21695 .td-footer-wrapper, .page-id-21695 .td-sub-footer-container {
display: none;
}

Thank you!

Calin
tagDiv Staff

Hello,

This can be achieve only with custom css, but you can use the tagDiv Cloud Library and the header manager to build/edit cloud headers how you want.
Here is the custom css:
.td-header-style-2 .td-banner-wrap-full {
display: none;
}

You’ll need to set it Theme panel> Custom code> Custom css

Thank you!

minecraftresource
tagDiv Member

Thanks for the help! Sidebars I got now.

Please send over the css to remove the footer. Thanks 🙂

http://themeupgrade.minecraft-resourcepacks.com/home-page-arb-landing-layout/

I will use the same code on the other pages I create.

alsmyth
tagDiv Member

Sorry, you can close this thread. I have put it in the custom css area and it works when there. Thank you

Viewing 25 results - 9,126 through 9,150 (of 33,436 total)