CSS Customise questions…

  • Author
    Posts
  • #133229

    Hi great theme, a couple of questions please:

    1. I have a single image on the homepage slider and want to remove the link from the Page Title (Welcome in my case). If visitors click on this link it just shows that page which has no content only a featured image.

    2 In mobile view I have darkened the image for the blog posts on the homepage and changed the opacity of the text so it is clearer on smaller screens that do not have the hover capability. I also want this same look for the pages on my grid page for mobile view. https://daveclarke.fr/projects/

    3. In the footer widget area I would like to make the text smaller and the height of the footer less plus use a black background.

    Many thanks
    Dave

    The blog I need help with is daveclarke.fr.

    #133342

    mkrdip
    Theme Author

    Hi Dave,

    1) Use this:

    .wf-active #featured-content h1 a {
       pointer-events: none;
       cursor: default;
    }

    2) Use this:

    @media only screen and (min-width: 1025px) {
        #child-grid .three>div>a {
            background-color: rgba(0,0,0,.1);
        }
    }

    3) Use this:

    #tertiary {
        background-color: #000;
    }
    
    .widget_blog_subscription .widget-title label, .wf-active #tertiary h1.widget-title {
        font-size: 14px !important;
    }

    Cheers.

    #133490

    Thanks mkrdip,

    1 and 2 worked, many thanks.

    For three it worked partially. I think I am misunderstanding something. I used your css to change the subscription form but I am unable to change the other three widgets in line with this.

    The background colour I have chosen now is #666 and I want all headers at 14px and in white The text in widget three custom_html I would also like to control the colour.

    Enclosed is the css I am using.

    Many thanks

    Dave

    /* Change Widgets*/
    #tertiary {
    	padding: 0;
    	background-color: #666666;
    }
    
    #tertiary .widget {
    	margin: 0px;
    	padding: 0px;
    	line-height: 20px;
    	font-weight: normal;
    	font-size: 14px !important;
    	color: white;
    }
    /* Change Specific Widgets*/
    
    .widget_blog_subscription .widget-title label, .wf-active #tertiary h1.widget-title {
        font-size: 14px !important;
    		color: white;
    }
    
    .widget_search .widget-title label, .wf-active #tertiary h1.widget-title {
        font-size: px !important;
    		color: white;
    }
    
    .widget_facebook_likebox .widget-title label, .wf-active #tertiary h1.widget-title {
        font-size: 14px !important;
    		color: white;
    }
    
    .widget_custom_html .widget-title label, .wf-active #tertiary h1.widget-title {
        font-size: 14px !important;
    		color: white;
    }
    
    #133645

    mkrdip
    Theme Author

    Hi there,

    The other CSS you’d like to take control of is:

    #tertiary .widget, #tertiary .widget a, #tertiary .widget-title, #tertiary .widget-title a {
        color: rgba(0,0,0,.8);
        font-size: 14px ;
    }

    Hope this helps.

    Cheers.

The topic ‘CSS Customise questions…’ is closed to new replies.