Isues while trying to emulate "Gadgets" homepage

Posted in: Newspaper
Post count: 8

The header.
The header menu automatically adds space below the list, and seems it’s no possibilty to enable the hover to change the color of the text (demo), because while setting the hover on the control panel it changes the header menu background (deal-breaker). I see text in my case is located at the top of the images, i like it more at the bottom. How can we get this done?
How can I reduce the margin + apply hover color only to text?

Issues 3 & 4:
While configuring the Block 9, it shows comments counter (comments are disable, I want to hide this), the text occups much more size and show more data as author and date. I want it to be just as short and compact as in the demo. (Bullets included). And remove the “continue to category” text. How can I get this?

  • This topic was modified 8 years by TheSyst3m.
  • This topic was modified 8 years by TheSyst3m.
  • This topic was modified 8 years by TheSyst3m.
Post count: 20688

Hi,

As a first note, all demos contain custom code and design. This is based on default theme elements.

https://demo.tagdiv.com/newspaper_gadgets/
This demo uses a modified version of header style 5
https://forum.tagdiv.com/header-styles/
For this header style only the demo adds some design
https://www.screencast.com/t/GwR3bNGSxD8J
Set the same header style and use the same design (modify it if needed)
https://pastebin.com/ZZvWrC3K

The height of the menu can be controlled with the theme panel header menu line height setting
https://www.screencast.com/t/DesDlgWbRe

To remove the comment count for blocks/modules use this setting
https://www.screencast.com/t/BNio6rvHnXu

To replicate block 9 design, check this topic
https://forum.tagdiv.com/topic/gadgets-block/

Thanks

Post count: 8

Wow, With you help and comparing the font settings between the demo-created homepage and my homepage almost got what I wanted. Thanks for your help!

Two doubts left:

How can I remove the space between the header & The Big Grid?

And how can i set he Big Grid to have the same weight and set it on the bottom of the image, as it is on the demo. (I don’t see specific configuration for this on the theme panel, nor on the tagdiv composer on the homepage generated by the demo).

  • This reply was modified 8 years by TheSyst3m.
Post count: 20688

Hi,

Glad it worked. That padding could be removed with a code like this

.td-main-page-wrap {
padding-top: 0;
}

If you mean the font weight, the demo uses these settings for the top grid
https://www.screencast.com/t/mBQd7qroLaNC
https://www.screencast.com/t/ZLkXTQglBr5Y
The bottom positioning of the article title is as well a demo customization, this is the code for the customization
https://pastebin.com/tYg5t1qc
Be sure to use Full big grid 8 and grid style 7.

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.