Search Results for 'css'

Chris,

I’m somewhat new to coding. Would that be added in the same ‘Custom CSS’ space as the code Andrei provided?

I pasted the code you provided right under the code Andrei provided and it was almost what I wanted, so I tried removing the first half of your code and leaving the second half, but that didn’t work. So I removed the second half and left the first half. The result seems to be exactly what I wanted.

Thanks to both Chris and Andrei. This was definitely a collaborative effort. Now I’m all happy and stuff.

• This reply was modified 10 years by DaneOLeary.

thanks for supporting but this css code is not mobile responsive.

I need mobile view this type:-

h1>- single line and also view in center and h2> next line and view center

Thanks,
Rahul

Hi

The theme code was tested and optimized for best performance, we have a lot of clients and the theme works well on a large variety of hosts.
First please make sure that you use the recommended server configuration for Newspaper theme, you can check our documentation for more details: https://forum.tagdiv.com/newsmag-requirements-for-newsmag/
There are lots of factors that influence the site’s page-sped. I suggest you first try this without any other plugins active, leave just VC plugin active the check again. To improve the loading speed look the mysql query cache: http://dev.mysql.com/doc/refman/5.1/en/query-cache.html we also use it on our demo.
Also you can use the speed booster to move the js and css at the bottom of the page, eliminate render-blocking, but not for all plugins. Check the System Status if the speed booster is active if you use other plugins than the tested ones. You can find some useful information regrading speed booster usage in this topic: https://forum.tagdiv.com/topic/speed-booster-questions/
Also you can read this guide, it may help – https://forum.tagdiv.com/how-to-make-the-site-faster/

Hope this help.
Thanks!

DaneOLeary,

I’ve been playing around with this.

/*adjust level of menu underline*/
li.menu-item a {
height: 35px;
}
/*adjust underline width and menu item spacing*/
li.menu-item a {
padding-left: 2px;
padding-right: 2px;
margin-left: 11px;
margin-right: 11px;
}

in addition to the css AndreiL provided. It seems to fix the problem of the line being low and pushing sections under it lower on hover. I haven’t found it to cause any other problems, but test carefully. I don’t use a top menu, so I don’t know if it would have an affect on that.

This is just me trying to hack in a fix, I am not a css expert, so it might be ‘wrong’, technically speaking,

Chris

Hi

A basic css would be this one:

.td-a-rec{
display: block;
width: 100%;
height: 100px;
}

However you will need other customizations in order to make it responsive. For every device you will need different values for the width and height, also for all type of layouts where you will want to use the ad, one, two or three rows. The js error from browser console still appears and I couldn’t figured out why so far. This is a task which require deeper investigations and unfortunately I cannot provide a complete solution now.
When the time will allow us we will take a closer look at this issue but I can’t say now when we will have a fix for it.

Thanks!

Hi Bodgan.

Issues 1 and 2 are now sorted, thanks for the help.

Regarding issue 3, it wasn’t untill I pasted the code you provided into single.php that I got it to work like I wanted to. I then added this code to custom css to adjust the results:

.single .g-single{
max-width: 1068px!important;
}
.single .td-a-rec-id-custom_ad_1 > div{
margin-bottom:2px!important;
margin-top: 48px!important;
}

Can you find any fault with what I’ve done?

Hi

Sorry fr that, i missed a selector.
Replace the previous css with this one, now should work fine: http://screencast.com/t/OLXmMTCe

.sf-menu > .current-menu-item > a:hover, .sf-menu > .sfHover > a:hover, .sf-menu > .td-menu-item > a:hover {
border-bottom: 4px solid red!important;
}

@DaneOLeary unfortunately at the moment this is the fastest solution that i can provide. In order to work as you explained above are required many customizations in header’s css code. This implementation was designed for Newspaper theme and its accommodation at Newsmag require a different approach for the menu css code.
If you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we cannot offer custom modifications at the moment.

Thanks!

Shortcode Home
[vc_row][vc_column][td_block_trending_now limit=”3″][td_block_big_grid][/vc_column][/vc_row][vc_row][vc_column width="2/3"][td_block_13][/vc_column][vc_column width="1/3"][vc_widget_sidebar sidebar_id="td-default"][/vc_column][/vc_row][vc_row el_class="td-ss-row"][vc_column width="2/3"][/vc_column][vc_column width="1/3"][/vc_column][/vc_row][vc_row css=".td-top-border{border-top-width: 1px !important;}"][vc_column][/vc_column][/vc_row]

Shortcode contact page
[vc_row][vc_column width="2/3"][vc_column_text]
Neem contact op met Fitnessgeeks.nl

Heb je vragen, opmerkingen of suggesties voor Fitnessgeeks.nl? Dan kun je ons een bericht mailen naar info@fitnessgeeks.nl. We proberen alle mails zo snel mogelijk te beantwoorden.[/vc_column_text][vc_row_inner][vc_column_inner][td_block_text_with_title custom_title=”Over ons”]Fitnessgeeks.nl bestaat uit een groep mensen met een passie voor fitness, gezondheid en technologie. Deze passie delen we graag met jullie. De ontwikkelingen in deze branches zullen de komende jaren sterk groeien en gaan steeds meer invloed hebben in ons dagelijkse leven. Om op de hoogte te blijven van deze evolutie ben je bij Fitnessgeeks.nl op de juiste plek![/td_block_text_with_title][td_block_text_with_title custom_title=”Contact gegevens”]Mail: info@fitnessgeek.nl
Gevestigd: Rotterdam

[/td_block_text_with_title][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width="1/3"][vc_widget_sidebar sidebar_id="td-default"][/vc_column][/vc_row]