Search Results for 'css'

Results from the Forum
Catalin
tagDiv Staff

Hello k2point0,

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

.td-next-prev-wrap{
display:none;
}

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

Thanks for your understanding!

Catalin
tagDiv Staff

Hello ghostmi,

Unfortunately, the theme does not have any such an option that allows you to do this, sorry! If you want to change the header style responsive layout, you should do it yourself through adding such a CSS custom code to target the mobile devices, using the @media queries, like this -> https://www.w3schools.com/css/css3_mediaqueries_ex.asp This is just a simple suggestion! If you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer because we cannot provide this such an additional customizations at the moment, sorry!
All the custom CSS code should have to be added through the Theme panel, Custom Code section from here -> https://www.screencast.com/t/YaIY3vi1UWS9

Thanks for your understanding!

Calin
tagDiv Staff

Hi,

Please read this documentation about ads ( documentation ), there you see how to set the dimension in function of device your customers are using.

For Expected width, using TD Composer, just drag a row, set the layout 2/3+1/3 ( https://www.screencast.com/t/VTXSQ3TIJ ), after that select each column on the row and set to css , look for width and set there your dimension ( https://www.screencast.com/t/CYFsU8iQMc ).

Thanks.

Catalin
tagDiv Staff

Hello,

I suppose that you are using the Big Grid 6, right? Also, if you want to display the Author name and date, you should use the code below and place it in the Theme panel -> Custom CSS Area.

.td-grid-style-1 .td-small-thumb .td-module-meta-info {
display: block;
}

The result is here -> https://www.screencast.com/t/5sVTArR1

Thanks for your understanding!

Calin
tagDiv Staff

Hi,

The problem is that you have an inline css on the image, the cause may be some custom code or a certain modification of the theme file.
https://www.screencast.com/t/qczolOSd

Thanks.

Amit
tagDiv Member

@external
CSS needs only when you are using speed booster plugin.

Amit
tagDiv Member

Yes, you can remove it by adding custom CSS code.
/* This will remove page title */
.page-id-828 .entry-title.td-page-title {display:none;}

/* This will remove breadcrumb */
.page-id-828 .entry-crumbs {display:none;}

828 is a page ID for the page you want to hide title and breadcrumbs

naimed
Participant
#0

Hi,

I have added the element Homepage Post to my frontpage, it scales the featured image to max screenwidth on desktop,
however, it does not scale properly when using a tablet or mobile device, so some text on the featured image isn’t visible.
I could not find the class where to add some custom css to scale this (background) image. Please advice.

Kind regards,
naimed

seofoxx
Participant
#0

Hi, i bought this theme because of the new option to change the global site width.
I want to use 1400px

If i use row strech 1400px and afterwards add in example an Big grid 4, what are the correct options to get it displayed correct at all devices.
Since at smartphone the Big grid 4 element is shown with a left margin and does not use 100% width.

2nd question here – i also show the latest articles (Template Pagebuilder + latest articles + pagination)
What do i have to do here to display everything in 1400px width.

Im open to use my custom css, but i hope you offer setting options to get done via the theme settings.

Afterglow
tagDiv Member

On a 2nd attempt I got this:

Unsuccessful installation due to error while copying file: Newsmag/includes/wp_booster/wp-admin/css/wp_panels/admin-popup.less

Calin
tagDiv Staff

Have you set some custom code insert in Newspaper> Theme panel> Custom code ( https://www.screencast.com/t/qiEjKDbun7nL ).

If not pleas add this css in Custom css:
img{
width: 100%!important;
height: 100%!important;
object-fit: cover;
}

https://www.screencast.com/t/n7S0V7zMMvr1

Hope this will solve the problem.

Thanks.

Calin
tagDiv Staff

Hi,

You can set the row stretch to 1400px ( https://www.screencast.com/t/ivqbLb6xQm ) and in css put padding left/right 50 ( https://www.screencast.com/t/nT8Ka1iXu ); be notice that the css work on individual device .

Hope this will help you.
Thanks.

perfectbodymate
tagDiv Member

I don’t remember adding any custom css code. where could I possibly find this code?

JJ0000
Participant
#0

UM is a very popular membership plugin, I think it would help to be compatible with UM 2.0. I contacted them about their User Tags extension issue and they said it’s because of this theme. Is there a way that I can disable js/css file from the theme (that won’t break site) for ONLY ultimate member pages? There seems to be issues there. Thanks.

Calin
tagDiv Staff

Hi,

I’ve just inspect your web page and I seen yo add some custom css that couse the problem ( https://www.screencast.com/t/bbHEUcicMP6w ), just remove the custom css that you set with width and height 1px and your image will show up.

Thank you for your understanding

Catalin
tagDiv Staff

Hello jdodd4s,

You could use sprites and use custom CSS to add a background instead of an icon. Something similar like we use for social counter – http://screencast.com/t/7Hg5sNe9Jhttp://screencast.com/t/2yCMl4zs8wGN
Or you can add new icons to the theme fonts – http://screencast.com/t/059z1oelgSb

*go to https://icomoon.io/app
*button “import icons”, import from newspaper.svg (in /images/icons/);
*Select your icons and copy – http://screencast.com/t/62BMZmEhhttp://screencast.com/t/hxTzPkSy
*button “generate font”, button “download”;
*copy the 4 files (.eot, .svg .ttf .woff), in “icons” folder in the downloaded zip file, rename icomoon.* to newspaper.*, replace old files.

I suggest to use a plugin if you don’t have basic experience or to get someone to help you with this.

Hope this helps and let us know how it goes!

Thanks for your understanding!

perfectbodymate
tagDiv Member

is there a custom css code section under each post?

Calin
tagDiv Staff

Here is the code:
.wc-proceed-to-checkout .button{
background-color: gray!Important;
}

Also you can add more css to this one and above code ( or edit ) if you like.

Thanks.

Calin
tagDiv Staff

Hi,

If this is what you need ( https://www.screencast.com/t/DOtgun13p ), then please copy this custom code:
.wpcf7-form input[type=submit] {
margin-top: 10px;
background-color: gray!Important;
width: 43.5%;
font-size: 18px;
}
.wpcf7-form input[type=submit]:hover {
background-color: lightgray!Important;
color: black;
}
.wpcf7-text, .wpcf7-textarea{
font-size: 18px!Important;
padding: 5px 10px!Important;
}

and paste it in Newspaper>Theme panel> Custom code> Costume css ( https://www.screencast.com/t/BNEMCWrf11 )

Thanks.

MOOO
tagDiv Member

i added this css cuz i want it like this :
.single_add_to_cart_button {

width: 100%;
font-size: 18px !Important;
text-align: center;
background-color: #68c62d!Important;
}
but i got a problem the quantity textbox is above add to cart button ,so i want it next to the button ?
https://www.screencast.com/t/EhfXTNOQOLoH
can u please help

Calin
tagDiv Staff

Hi,

If you refer at this: https://www.screencast.com/t/NDBRgpsfM7k
Please try this css:
.single_add_to_cart_button {
font-size: 18px!important;
background-color: red!Important;
}

Let me know how it work.

Calin
tagDiv Staff

Hi,

You can use TD Composer, select the “Hot Topics” , change to css and set the top margin you need ( example: “Hot Topics” ).

Thank you for your understanding.

Calin
tagDiv Staff

Hi,

If this is what you looking for https://www.screencast.com/t/gWnEHJyn , then please add this custom css in Newspaper> Theme panel> Custom code> Custom css :
.woocommerce ul.products li.product .button {
width: 100%;
font-size: 120%;
text-align: center;
background-color: gray;
}

Thanks.

Catalin
tagDiv Staff

Hello cuisinevault,

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

.postid-515 .td-post-content .wpb_row {
left: 0;
}

Hope this helps and let us know how it goes!

Thanks.

Catalin
tagDiv Staff

Hello,

Unfortunately, the theme does not have any such an option that allows you to use a header menu with overlay and background image, sorry! If you like, you can try to use the code below and place it in the Theme panel -> Custom CSS area.

The code is ->

.td-header-header{
background-image: url(http://localhost/spitzu_2/wp-content/uploads/2018/09/p4.jpg);
}
.td-header-style-1 .td-header-row {
width: 100%;
background-size:cover;
}

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

Thanks for the message!

Viewing 25 results - 12,576 through 12,600 (of 33,436 total)