Edit Featured Page

  • Author
    Posts
  • #96257

    rafverjim
    Member
    Original poster

    Hi again Taras,

    I am still working on customize your Venture Theme, my website is http://www.verjimanimation.com.

    I am trying to change the color of the background and the text shadow that appear when you have your mouse on one of the Featured Page options, in the Front Page. Right now it is white and the shadow is too big you cannot read the text.

    I would also like to remove the page content that appear on the grid, showing nothing but the title and the “read more”.

    Could you please help me with the pertinent CSS?

    Thanks a lot in advance!

    Rafa

    The blog I need help with is: verjimanimation.com

    #96445

    tarasdashkevych
    Theme Author

    Hi Rafa,

    To change the opacity background color during the hover effect, please use this custom css:

    .grid-row .hentry:hover .has-background-cover .overlay {
      background: #1e8cbe;
    }

    To remove a text shadow when you have your mouse on one of the Featured Page, please use this custom css:

    .grid-row .hentry:hover .has-background-cover {
     text-shadow: none;
    }

    To remove the page content that appear on the grid, please use this custom css:

    .front-block.featured-page .entry-summary p:not(.more-link-cotainer) {
    	display: none;
    }

    Best,
    Taras

    #96448

    rafverjim
    Member
    Original poster

    Hi Taras,

    Thanks a lot for your answer! But it didn’t work, I think because the CSS you gave me was referring to the individual boxes for each page, but what I actually meant was the rounded boxes inside each page box. Right now they are displaying on white when you put your mouse on, and the text shadow is kind of moving 1 or 2 pixels to the right, so it is difficult to read it. You can check it on the site http://www.verjimanimation.com

    However, the CSS for the page content did work!

    Thanks a lot!

    Rafa

    #96486

    tarasdashkevych
    Theme Author

    Hello Rafa,

    Oh I see. So, you want to change background color of the More Link. Please try this custom css:

    #page .front-block.featured-page .hentry.has-post-thumbnail:hover .more-link {
    	background: #ffb919;
    	border-color: #ffb919;
    	color: #ffffff;
    	text-shadow: none;
    }

    Best,
    Taras

The topic ‘Edit Featured Page’ is closed to new replies.